• 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

H2 Titles Inside My Post

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 › H2 Titles Inside My Post

This topic is: not resolved

Tagged: h2 line spacing, News Theme

  • This topic has 9 replies, 2 voices, and was last updated 11 years, 3 months ago by martialwarrior.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • February 13, 2015 at 6:42 pm #140796
    martialwarrior
    Participant

    I am using the News theme and have enabled HTML5 on it. I am putting h2 titles in my posts and the line spacing is too tight. Where in the CSS can I change the line-spacing for h2 tags inside posts.

    http://www.allaboutmartialarts.com/
    February 13, 2015 at 7:45 pm #140801
    neilgee
    Member

    You can add in a rule in your style.css to increase the line height (currently set to 30px) to say....

    h2 {
    line-height: 35px;
    }

    just increase the pixel value to suit


    Neil Gee
    WP Beaches
    Coolest Guides

    February 13, 2015 at 8:06 pm #140806
    martialwarrior
    Participant

    Hi Neil,

    I have tried changing the CSS below, but it doesn't make a difference. Is this the wrong CSS?

    }

    h1,
    h2,
    h2 a,
    h2 a:visited {
    font-family: 'Oswald', arial, serif;
    font-size: 24px;
    line-height: 30px;
    }

    February 13, 2015 at 8:11 pm #140808
    neilgee
    Member

    No that's the right CSS so if you increase that line-height value from 30px to a higher value you should notice the difference.


    Neil Gee
    WP Beaches
    Coolest Guides

    February 13, 2015 at 8:37 pm #140809
    martialwarrior
    Participant

    No difference.

    February 13, 2015 at 8:40 pm #140810
    neilgee
    Member

    I can see the difference, I can see you set it to 60px and it's double the height - perhaps look at the site in a private/incognito window - maybe a browser cache issue is not letting you see difference


    Neil Gee
    WP Beaches
    Coolest Guides

    February 13, 2015 at 8:51 pm #140813
    martialwarrior
    Participant

    Okay!!!

    February 13, 2015 at 8:57 pm #140814
    martialwarrior
    Participant

    This is the page I am looking at an its the h2 in the post itself and I see no change???

    http://www.allaboutmartialarts.com/martial-arts-advertising/

    Martial Arts Advertising – Direct Strike Advertising Package By Martial Arts Enterprises

    February 13, 2015 at 9:05 pm #140816
    neilgee
    Member

    Oh yes I see, thats a h3 tag with no CSS styling, so you could add in your CSS just after line 1081

    h3 {
    line-height: 35px;
    }

    Neil Gee
    WP Beaches
    Coolest Guides

    February 13, 2015 at 9:29 pm #140817
    martialwarrior
    Participant

    I am so sorry. I didn't realize I had accidentally made it h3 instead of h2. I got it now. Thank you Neil. Your the BEST!!!

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