The Support Forums will be in read-only mode for a scheduled maintenance window on 01 September 2016 14:00 UTC - 20:00 UTC. More information.

Styling a h1:hover (4 posts)

  1. MultiformeIngegno
    Posted 4 years ago #

    Hi everyone! :)
    I'm having troubles styling a h1 when it's hovered. Here's the page:

    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 }
    h1.entry-title a:hover { color:darkgreen }

    with no results... :(

    Can you help me? :)

  2. esmi
    Forum Moderator
    Posted 4 years ago #

    Try using Firefox with the Firebug add-on for this kind of CSS work.

  3. MultiformeIngegno
    Posted 4 years ago #

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

  4. Michael
    Forum Moderator
    Posted 4 years ago #

    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="http://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.

Topic Closed

This topic has been closed to new replies.

About this Topic