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 2 years, 1 month ago.

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

    raunekk
    Participant

    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

    You already have this rule in your style sheet which should be changing the color of the footer link hovers (at about line 1690):

    #footer a:hover {
    	color: #0094d2;
    	text-decoration: none;
    }

    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:

    &lt;a target=&quot;_blank&quot; href=&quot;<a href="http://www.marineinsight.com/contact/&quot;&#038;gt" rel="nofollow">http://www.marineinsight.com/contact/&quot;&#038;gt</a>;
    &lt;span style=&quot;color: #ffffff;&quot;&gt;Contact us&lt;/span&gt;
    &lt;/a&gt;[\html]
    looks more like this: [html]&lt;a target=&quot;_blank&quot; href=&quot;<a href="http://www.marineinsight.com/contact/&quot;&gt;Contact" rel="nofollow">http://www.marineinsight.com/contact/&quot;&gt;Contact</a> us&lt;/a&gt;

    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.