Home>Support>Font size in Header and Footer

Font size in Header and Footer

By dasofsky, 11 years ago. Last reply by Andrew Misplon, 11 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 can’t seem to be able to adjust the font size in any of the header or footer widgets.

Any suggestions would be greatly appreciated?

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

  1. 11 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Hi David

    You can change the page title size under Appearance > Customize. If you need further control over sub-headings we’ll need to use Custom CSS:

    /* Vantage Heading Styles */

.entry-content h2 {
font-size: 18px;
margin-top: 0;
}

.entry-content h3 {
font-size: 16px;
margin-top: 0;
}

.entry-content h4 {
font-size: 15px;
margin-top: 0;
}

.entry-content h5 {
font-size: 14px;
margin-top: 0;
}

.entry-content h6 {
font-size: 13px;
margin-top: 0;
}

/* Headline Widget */

.widget_headline-widget h1 {
font-size: 22px !important;
}

.widget_headline-widget h3 {
font-size: 20px !important;
}

.widget_headline-widget h3 {
font-size: 18px !important;
}

/* Footer */

#footer-widgets .widget .widget-title {
font-size: 14px !important;

    Insert under Appearance > Custom CSS and edit as required:

    Ref: https://siteorigin.com/basics/modifying-theme-design-with-custom-css/

  2. 11 years, 1 month ago Linus

    Why should we set font size in pixels? Shouldn’t em sizes be more responsive?

  3. 11 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    The same CSS selectors apply if you’d prefer to use ems or rems. They are are responsive if users set a different than normal text size for their browser. Vantage already contains a fair amount of px’s though so it wouldn’t be a big issue if you set these headers in px.

  4. 11 years, 16 days ago seaneo

    Hello,

    As per this thread, I added the below CSS:

    /* Footer */

    #footer-widgets .widget .widget-title {
font-size: 14px !important;

    ..but it only changes the font size of the title of the footer. What could be the coding to change the actual content text of the footer?

    I didn’t try any of the other code in the above post, like the .entry-content-h2 because I don’t understand what all those H numbers are for or what they will affect – what do they affect?

    Many thanks

  5. 11 years, 16 days ago Andrew Misplon
    Hi, I Work Here

    Hi seaneo

    Please open a new thread and I’ll be happy to assist.

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