How Do I make Footer Text Hover ?

Community Forums Forums Design Tips and Tricks How Do I make Footer Text Hover ?

This topic is: not resolved

Tagged: 

This topic contains 1 reply, has 2 voices, and was last updated by  Chris Cree 1 year, 8 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #9725

    raunekk
    Participant
    Post count: 40

    I want to make the Contact us | Subscribe | Privacy policy…..  in the footer of http://www.marineinsight.com/news  hover with alternate color.

    I have added the above mentioned parameters through “hooks” in footer.

     

    Thanks a lot in advance.

    #9734

    Chris Cree
    Participant
    Post count: 147

    You already have this rule in your style sheet which should be changing the color of the footer link hovers (at about line 1690):
    [css]#footer a:hover {
    color: #0094d2;
    text-decoration: none;
    }[/css]

    You can change that color to whatever you want your link hovers to be.

    However, the reason it is not working is that here is an inline style on those links that is overriding the styles in your style.css file. I recommend you remove the spans around the links first so that this:
    [html]<a target="_blank" href="http://www.marineinsight.com/contact/"&gt;
    <span style="color: #ffffff;">Contact us</span>
    </a>[\html]
    looks more like this: [html]<a target="_blank" href="http://www.marineinsight.com/contact/">Contact us</a>[/html]

    Then your style sheet can do it’s job and make the links display the way you want them to.


Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.