StudioPress

Forum navigation

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

Best way to inspect hover elements?

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.

Community Forums › Forums › Archived Forums › General Discussion › Best way to inspect hover elements?

This topic is: not resolved

Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • March 12, 2017 at 9:23 am #202933
    RavenManiac
    Participant

    Using Chrome's Developer Tools, I've become fairly good at identifying elements I'd like to modify with CSS. However, hover and focus items continue to allude me. Is there an easy way to identify these elements with the Chrome Inspector?

    Thanks!

    March 12, 2017 at 11:57 am #202942
    tpasto
    Member

    Hi RavenManiac

    This have been driving me crazy too so I finally took a few minutes to check it out.

    Activate Inspect
    In the Styles Section there is a small area in the upper right hand corner
    :hov .cls
    you can select :hov and a pane will expand with checkboxes to force element state
    :focus :hover :active :visited

    Here is a link that has more information as well
    inspect

    I think I need to play with this a little bit. Let me know what you find!
    Teri

    March 12, 2017 at 10:36 pm #202967
    RavenManiac
    Participant

    That's awesome. Thanks for the tip Teri.

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