This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Changing Tagline and menu nav font and size

Resolved 6 replies premiumthemetheme-vantage
Howard Schwartz
Started · Latest reply by Martin Akerman

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.

Need fast email support? Get SiteOrigin Premium

Replies

6
  1. Andrew Misplon Staff

    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. 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. Andrew Misplon Staff

    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. Howard Schwartz

    Excellent! That worked! Thanks again!!

  5. Andrew Misplon Staff

    Super glad we could help.

  6. 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.

Have a different question or issue?

Start New Thread