Home>Support>font size after update

font size after update

Hi all,
I just installed the new Vantage update and now my font seems super small. I tried to change it in the theme customizer, but it keeps reverting to 13. Line height seems weird now, too. It could be I adjusted css and forgot to put in the custom css, but I don’t think I did…

I did ‘inspect element’ in firefox, but I’m not sure which element to put in custom css–seems like when I fix the font in one place, it doesn’t change the font size in the sidebar, e.g. on this page: http://caritaylor.com/services/local-history/

Thanks!

URL: http://caritaylor.com

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

  1. 9 years, 7 months ago Andrew Misplon
    Hi, I Work Here

    Hi wiredpoet

    Try adjusting the following from Appearance > Custom CSS:

    body, button, input, select, textarea {
    font-size: 16px;
    line-height: 1.7;
    }
    

    Those are test values.

  2. 9 years, 7 months ago wiredpoet

    I was able to come up with my own tweaks–the one you gave didn’t make the sidebar better:

    body, button, input, select, textarea {
           font-size: 14px;
    }
     
    #secondary .widget, #footer-widgets .widget {
            font-size: 14px;
      line-height: 1.8em;
    }
    

    but it’s still not quite like it was before the update..the menu still looks weird to me and the font in Chrome looks all fuzzy now:
    http://screencast.com/t/tlt0lKAWWtB

    Thanks,
    c

  3. 9 years, 7 months ago Andrew Misplon
    Hi, I Work Here

    Looks like you’ve added font-weight: normal; for the menu. Not sure if you just did that but it’s what I was going to recommend for the menu.

    For the cases that you are bolding the font you could also try importing the 700 weight. This would go right at the very top of your Custom CSS;

    @import url(http://fonts.googleapis.com/css?family=Montserrat:700);
    
    strong { font-weight: 700; }
    

    For Chrome and Safari you could also consider adding the following:

    body {
     -webkit-font-smoothing: antialiased;
    
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