• 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

Changing H1, H2 etc properties

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 › Changing H1, H2 etc properties

This topic is: resolved

Tagged: H3, hover

  • This topic has 2 replies, 2 voices, and was last updated 13 years, 1 month ago by keystone.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • January 6, 2013 at 2:44 am #9903
    keystone
    Member

    I want to use an h3 heading and have the font change color on hover. The h2 does it but not the h3. I have looked but cannot quite find the specific bit of code to change to make it work. Can anyone advise me please?


    Keystone Internet Solutions – Your Web Development and Positioning Professionals.

    January 6, 2013 at 7:40 am #9911
    And_or
    Participant

    For a color change you need the property :hover on the element in css. Probably the h2 elements you indicate are in fact h2 a (link tags inside h2 tags)

    That kind of color changing is only functional if the element is a link. Otherwise it just makes the user think something will happen when clicking the element, while in fact nothing happens.

    To inspect elements use Firebug with Firefox or "Inspect element" when right clicking the element in Crome .

    Good luck...


    Simplicity is not Simple Webtaurus

    January 7, 2013 at 4:14 pm #10201
    keystone
    Member

    Thanks for the advice....I inspected the element and noticed that the matched css rule only mentions h1 and h2. Am I right that this is the reason that the h3 tag is not responding the same way? If this is right can you help with what i would need to do to make the h3 work the same way as the h2?

     

    Thanks


    Keystone Internet Solutions – Your Web Development and Positioning Professionals.

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