• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

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

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

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

This topic is: resolved

Tagged: Executive theme

  • This topic has 10 replies, 2 voices, and was last updated 9 years, 2 months ago by SuperHero6.
Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • January 5, 2014 at 1:40 am #83341
    SuperHero6
    Member

    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

    January 5, 2014 at 8:44 pm #83458
    nutsandbolts
    Member

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


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

    January 5, 2014 at 9:07 pm #83468
    SuperHero6
    Member

    Aloha!

    Yes, Thank you!

    http://socialstrategizer.com

    January 5, 2014 at 9:10 pm #83471
    nutsandbolts
    Member

    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/Developer, Nuts and Bolts Media
    I provide development and training services for designers • Find me on Twitter and Google+

    January 5, 2014 at 11:48 pm #83525
    SuperHero6
    Member

    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

    January 5, 2014 at 11:50 pm #83526
    SuperHero6
    Member

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

    🙂

    January 5, 2014 at 11:57 pm #83527
    nutsandbolts
    Member

    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/Developer, Nuts and Bolts Media
    I provide development and training services for designers • Find me on Twitter and Google+

    January 6, 2014 at 12:48 am #83530
    SuperHero6
    Member

    YES! You're the best ever!

    It worked!

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

    Aloha
    Adam

    January 6, 2014 at 12:49 am #83531
    nutsandbolts
    Member

    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/Developer, Nuts and Bolts Media
    I provide development and training services for designers • Find me on Twitter and Google+

    January 6, 2014 at 8:26 pm #83705
    SuperHero6
    Member

    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

    January 6, 2014 at 8:27 pm #83706
    SuperHero6
    Member

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

    Thanks again.

    Adam

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The forum ‘General Discussion’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble