• Resolved smiffy2005

    (@smiffy2005)


    Hi,

    I’ve tried changing the hover color for the h2 heading. In pages I have a h2 heading for which there is a hyperlink to another page. The link works fine but I want the text to go #c92d2c when th epointer hovers over the text but it doesn’t change at all regardless of the numerous css code I have input after searching these forums.

    When I use firebug to hover over the link. In css it shows ” element.style [color: #000000; }

    Any help would be extremely appreciated.

Viewing 7 replies - 1 through 7 (of 7 total)
  • You’ll have to post a link to your site for help with CSS…

    Thread Starter smiffy2005

    (@smiffy2005)

    Which heading are you trying to change?

    Thread Starter smiffy2005

    (@smiffy2005)

    On the pages – Assets we finance & Types of finance

    There are links on those pages

    If you edit the Assets We Finance page, you will see an inline style like this (i.e., a SPAN tag with a color style):

    <h2><a title="Agriculture" href="http://www.wsbf.co.uk/about/assets-we-finance/agriculture/"><span style="color: #000000;">Agriculture</span></a></h2>

    That’s why you can’t change it using CSS; inline styles have the highest priority over both external style sheets and internal (in the HEAD section) style sheets. The solution is to just remove the SPAN tags; that will allow your CSS rules to work:

    <h2><a title="Agriculture" href="http://www.wsbf.co.uk/about/assets-we-finance/agriculture/">Agriculture</a></h2>

    Thread Starter smiffy2005

    (@smiffy2005)

    Thank you CrouchingBruin. It now works perfectly.

    Such a steep learning curve!!

    Thread Starter smiffy2005

    (@smiffy2005)

    All resolved. Thank you.

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

The topic ‘Change hyperlink hover color for h2’ is closed to new replies.