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


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

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


    I want to make the Contact us | Subscribe | Privacy policy…..  in the footer of  hover with alternate color.

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


    Thanks a lot in advance.


    Chris Cree

    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=";&#038;gt" rel="nofollow">;&#038;gt</a>;
    &lt;span style=&quot;color: #ffffff;&quot;&gt;Contact us&lt;/span&gt;
    looks more like this: [html]&lt;a target=&quot;_blank&quot; href=&quot;<a href=";&gt;Contact" rel="nofollow">;&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.