Styling a h1:hover

  • Hi everyone! ??
    I’m having troubles styling a h1 when it’s hovered. Here’s the page:
    scoutrophy.cngei.it/beta/news/

    I want to style the:
    <h1 class="entry-title"><a>Title</a></h1>

    ..thing to have it darkgren coloured when it’s :hover.

    I tried with:
    .entry-title h1 a:hover { color:darkgreen }
    or
    h1.entry-title a:hover { color:darkgreen }

    with no results… ??

    Can you help me? ??

Viewing 3 replies - 1 through 3 (of 3 total)

  • Try using Firefox with the Firebug add-on for this kind of CSS work.
    https://getfirebug.com/

    Thread Starter multiformeingegno

    (@lorenzone92)

    I tried just that.. XD
    Still can’t get it to work

    somebody put the link color information into an online style into the template, and used the enforcement !important on it;

    from the html of your site in the browser:

    <h1 class="entry-title" style="margin-top: -20px; font-size: 18px;"><a style="color: black ! important;" href="https://scoutrophy.cngei.it/beta/e-forum/" rel="bookmark" title="Permanent Link to E-Forum">E-Forum</a></h1>

    you need to edit the template, possibly loop.php in the child theme.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Styling a h1:hover’ is closed to new replies.