Home>Support>Changing Tagline and menu nav font and size

Changing Tagline and menu nav font and size

By Howard Schwartz, 10 years ago. Last reply by Martin Akerman, 10 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

I would like to make the tagline much larger in font size and change the font to a serif face to match the logo slogan. I also would like to increase the menu size as well as body copy size on all pages. Thank you.

URL: http://howcreativedesign.com/TheraSource/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    Hi Howard

    Try the following under Appearance > Custom CSS for your tagline area:

    /* Header */

header#masthead .hgroup #header-sidebar {
color: #595959;
font-size: 14px;
line-height: 24px;
}

header#masthead .hgroup #header-sidebar a { 
color: #4273d1;
text-decoration: none;
}

header#masthead .hgroup #header-sidebar a:hover { 
text-decoration: underline;
}

    That snippet is however not for what you have right now. It’s for using the Visual Editor widget: https://wordpress.org/plugins/black-studio-tinymce-widget/ in the Appearance > Widgets: Header area. And has some styling for links too.

    If you’d like to keep it simple and use what you have there then rather use the following under Appearance > Custom CSS:

    /* Vantage Support Text */

header#masthead hgroup .support-text {
color: #4b4b4b;
font-size: 13px;
font-style: italic;
}

    And edit as required.

    To change the menu font and font-size, use the following and edit as required:

    /* Vantage Set Menu Font Family and Size */

.main-navigation {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 12px;
}
  2. 10 years, 8 months ago Howard Schwartz

    Thank you for the quick reply, Andrew! I used your “keep it simple” css code and the menu worked fine but the tagline didnt change in size. I think this information might be pulling from another location which isnt controlled by css? I removed the tagline from the APPEARANCE / CUSTOMIZE / SITE TITLE & TAGLINE section and it still exists on the front end. Any thoughts??

    Thanks again for your assistance!

  3. 10 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    For sure.

    The text there can be edited at Appearance > Theme Settings > Logo > Header Text. I made a mistake, this is how the CSS should look to edit that:

    /* Vantage Support Text */

header#masthead .hgroup .support-text {
color: #4b4b4b;
font-size: 13px;
font-style: italic;
}
  4. 10 years, 8 months ago Howard Schwartz

    Excellent! That worked! Thanks again!!

  5. 10 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    Super glad we could help.

  6. 10 years, 6 months ago Martin Akerman

    Hi Andrew

    Thanks for this, it helped me to.

    How do prevent the tagline from taking up 2 lines? If i go over 35px it takes up 2 lines, even though there is still plenty space for it to just be on one line?

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More