Executive HTML5 Theme – How To Change Blog Post Body "Paragraph" default font

Community Forums Forums General Discussion Executive HTML5 Theme – How To Change Blog Post Body "Paragraph" default font

This topic is: resolved

This topic contains 10 replies, has 2 voices, and was last updated by  SuperHero6 6 months, 2 weeks ago.

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #83341

    SuperHero6
    Participant
    Post count: 17

    Aloha!

    Does anyone know how to on the …. Executive HTML5 Theme – How To Change Blog Post Body “Paragraph” default font

    It’s so small and I’ve tried for about 45 minutes or so in the editor and can’t seem to pull it off.

    Thank you kindly!

    Happy New Year!
    Adam

    #83458

    nutsandbolts
    Moderator
    Post count: 3104

    Can you post a link to your site? It’s always easier to help if we can see what you see.


    Andrea Whitmer, Owner, Nuts and Bolts Media
    I provide dev and training services for web designers • Find me on Twitter and Google+

    #83468

    SuperHero6
    Participant
    Post count: 17

    Aloha!

    Yes, Thank you!

    http://socialstrategizer.com

    #83471

    nutsandbolts
    Moderator
    Post count: 3104

    Go to Appearance > Editor in your WordPress dashboard to open your stylesheet.

    Find this:

    body {
    	background-color: #f2f2f2;
    	color: #222;
    	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    	font-size: 16px;
    	font-size: 1.6rem;
    	line-height: 1.6;
    }

    You can change the font-size rules (you’ll need to change both) to make the font bigger. 10px = 1rem for keeping them proportional, so if you change the font size to 18px, you’ll want to change the second font-size to 1.8rem. Hope that makes sense!


    Andrea Whitmer, Owner, Nuts and Bolts Media
    I provide dev and training services for web designers • Find me on Twitter and Google+

    #83525

    SuperHero6
    Participant
    Post count: 17

    Aloha!

    Yes it makes sense, thank you. So did that and the font didn’t change. Another weird thing is the font looks smaller in Chrome than it does in Safari and Firefox. Thoughts?

    Thanks so much!

    Adam

    #83526

    SuperHero6
    Participant
    Post count: 17

    I did 20px and 2.0rem, Id attach a screen shot but there’s no option here.
    :)

    #83527

    nutsandbolts
    Moderator
    Post count: 3104

    Try adding !important before the semicolon for those rules, like this:

    body {
    	background-color: #f2f2f2;
    	color: #222;
    	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    	font-size: 20px !important;
    	font-size: 2rem !important;
    	line-height: 1.6;
    }

    Andrea Whitmer, Owner, Nuts and Bolts Media
    I provide dev and training services for web designers • Find me on Twitter and Google+

    #83530

    SuperHero6
    Participant
    Post count: 17

    YES! You’re the best ever!

    It worked!

    Thanks so much, let me know if there’s anything you need help with.

    Aloha
    Adam

    #83531

    nutsandbolts
    Moderator
    Post count: 3104

    Glad I could help! I’m going to mark this topic as resolved, but feel free to open a new one if you need help with anything else. :)


    Andrea Whitmer, Owner, Nuts and Bolts Media
    I provide dev and training services for web designers • Find me on Twitter and Google+

    #83705

    SuperHero6
    Participant
    Post count: 17

    Aloha Again, since the code change some things are going on with the text. For example on this blog post: http://socialstrategizer.com/facebook-marketing-for-list-building/

    scroll down to between # 5 & 7 bullet points and notice how the text in #6 is smaller than the rest of the body copy. This is happened on a few pages. Thoughts?

    Thank you,
    Adam

    #83706

    SuperHero6
    Participant
    Post count: 17

    It appears thats its even smaller than the original default font size that was replaced, if thats helps determine anything.

    Thanks again.

    Adam

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.