• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Appfinite

Appfinite

Premium WordPress Themes for The Genesis Framework

  • Themes
  • Blog
  • Tutorials and Resources
  • Forums
  • Contact Us

Font size issue

Home › Community Forums › Epik Theme Support › Font size issue

Tagged: css, font, size

  • This topic has 5 replies, 2 voices, and was last updated 6 years, 8 months ago by Andykev.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 2, 2015 at 4:52 pm #16811
    Nate
    Customer

    I had a wordpress developer login to help w/ my site, but looks like he messed up a few things. Suddenly, my font size is way too large. This includes body text and the text of menu dropdown items. I tried editing the CSS but it didnt seem to change anything. Where do I fix the font size to bring it down to normal?
    My site is NathanAGoodman.com


    Get a free copy of the bestseller, The Fourteenth Protocol, a thriller, here NathanAGoodman.com (copy/paste into your browser)

    December 3, 2015 at 12:48 am #16812
    Andykev
    Customer

    Nate, your link comes back

    Not found, error 404

    The page you are looking for no longer exists. Perhaps you can return back to the site’s homepage and see if you can find what you are looking for. Or, you can try finding it by using the search form below.

    December 3, 2015 at 5:48 pm #16813
    Nate
    Customer

    Not sure why it does that. It worked for me.http://nathanagoodman.com/


    Get a free copy of the bestseller, The Fourteenth Protocol, a thriller, here NathanAGoodman.com (copy/paste into your browser)

    December 3, 2015 at 8:02 pm #16814
    Andykev
    Customer

    OK your first link is this:

    ”http:/nathanagoodman.com/fourteen/”

    /* Typographical Elements
    --------------------------------------------- */
    
    html {
    	font-size: 14px;
    }
    
    body {
    	background: #f2f2f2;
    	color: #333;
    	font-family: 'Open Sans',"Helvetica Neue", Helvetica, Arial, sans-serif;
    	font-size: 16px;
    	font-weight: 300;
    	line-height: 1.625;
    }
    

    Your existing code says “100%” which is making it fill up the available space. If you want it to be as the demo site, change it back to 14px or something you prefer size wise.

    December 3, 2015 at 8:07 pm #16815
    Andykev
    Customer

    Or…you could change the 100% to 70% or 60%… it’s on line 161 at the beginning of your style.css

    December 4, 2015 at 1:31 am #16816
    Andykev
    Customer

    Your header image does not size on small screens so you might add this as well to your .css

    .header-image .site-title a {		
        background-size: contain !important;
  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.
Log In

Primary Sidebar

Search Forums

Affiliate Program

Looking to earn some money? Join our Affiliate program and earn 35% of every sale you refer. Top referrers earn 40-50%.

Join Now →

The Genesis Framework

All of our themes are designed for the Genesis Framework. You will need to purchase Genesis in order to use any of our themes.

Purchase Genesis

Hire a Web Developer

Need help setting up or customizing your website?

Contact Us →

Search Full Site

  • Buy Genesis!
  • Shopping Cart
  • Themes
  • My Account
  • Support Forums
  • Tutorials and Resources
  • Privacy Policy
  • Contact Us
  • Follow Us on Twitter

Copyright © 2022 · Appfinite · Built With The Genesis Framework