• 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

How to change font size?

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 › Design Tips and Tricks › How to change font size?

This topic is: not resolved

Tagged: aspire pro, font size

  • This topic has 3 replies, 2 voices, and was last updated 8 years, 7 months ago by AntonB.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 8, 2017 at 11:47 am #210127
    AntonB
    Member

    I'm using the Aspire Pro Child Theme and I've been trying to figure out how to change the font size of the content in my posts. I know I could use HTML code in my posts but is there a way to change it in my theme so that all posts have this font size. Also, how do I reduce the padding between the content and the sidebar?

    August 8, 2017 at 9:59 pm #210153
    sanjeev
    Participant

    You can use below existing CSS tags to change the font size in the Aspire Pro Style.css.

    body {
    	font-size: 20px;
    	font-size: 2rem;
    }

    Change font-size according to your need and it will start showing for all the posts. Make sure rem and px values are in sync. Also there are different font size used according to screen size. So make sure you test all versions before making the final changes.

    To change the padding between content and sidebar, I have not find a direct setting so it is getting controlled with with width tag for .content and .sidebar-primary.

    .content has a float value as left and .sidebar-primary has it as right. That should be generating the gap, you can play with those values and see if fix it.


    Check Why I Love Genesis Framework So Much

    August 10, 2017 at 5:57 am #210224
    AntonB
    Member

    Thank you for the reply however after adding this code to my child themes style.css and adjusting it to my needs, nothing has changed.

    I added

    body {
    font-size: 16px;
    font-size: 1.6rem;
    }

    to the bottom of of the style.css however nothing has changed in my posts.

    August 10, 2017 at 5:57 am #210225
    AntonB
    Member

    Posts are still in 20px font size.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘Design Tips and Tricks’ 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

© 2026 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