• 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 do change h1 and h2 font sizes in style sheet

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 › How do change h1 and h2 font sizes in style sheet

This topic is: not resolved

Tagged: Executive Child 2.0, font size, header

  • This topic has 4 replies, 2 voices, and was last updated 10 years, 1 month ago by russellaevans.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 28, 2012 at 3:01 pm #7996
    russellaevans
    Member

    Hi, I have the Executive Child Theme 2.0 and I need to make the Header fonts smaller, they are huge.  Can anyone help figure out how to do that in the style sheet?  I see several references to h1 and h2 in the style sheet and I cannot figure out what to change.

    Thanks

     

    December 28, 2012 at 3:21 pm #8003
    Jared Williams
    Member

    When you say header, are you referring to the title? Where it says, "Executive" on the demo?

    If so, take a look at line 205.


    #title {
    font-family: 'Open Sans', sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.25;
    margin: 0 0 5px;
    }

    You can change the font size for your title here.


    Website | Twitter | Instagram | Google +

    December 28, 2012 at 3:24 pm #8009
    russellaevans
    Member

    I am referring to the H1, H2, H3 and so on, header in the content portion of each page.

    December 29, 2012 at 10:27 am #8154
    Jared Williams
    Member

    Look at line 759 in your style.css


    h1,
    h2,
    h2 a,
    h2 a:visited {
    clear: both;
    font-size: 42px;
    margin: 0 0 20px;
    }

    You can change the font size for your page titles there.

    H1 is used for the page title.


    Website | Twitter | Instagram | Google +

    December 30, 2012 at 12:30 pm #8410
    russellaevans
    Member

    Thank you.  I found some code out there I put in.  It seems to work, but if the above is easier I would rather use that.  Below is the code I put in.

     

    /* Heading Styles Override h1, h2, h3, h4, h5, h6
    ------------------------------------------------------------ */

    }

    #content h1 {
    clear: none;
    font-weight:bold; /* Making the titles bold */
    font-size:28px; /* Decreasing the font size */
    }

    #content h2 {
    clear: none;
    font-weight:bold; /* Making the titles bold */
    font-size:20px; /* Decreasing the font size */
    }

    #content h3 {
    clear: none;
    font-weight:bold; /* Making the titles bold */
    font-size:18px; /* Decreasing the font size */
    }
    #content h4 {
    clear: none;
    font-weight:bold; /* Making the titles bold */
    font-size:16px; /* Decreasing the font size */
    }
    #content h5 {
    clear: none;
    font-weight:bold; /* Making the titles bold */
    font-size:14px; /* Decreasing the font size */
    }

    #content h6 {
    clear: none;
    font-weight:bold; /* Making the titles bold */
    color:#666666; /* Making the titles dark blue */
    font-size:14px; /* Decreasing the font size */
    }

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 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