Magento Forum

   
change hover color on page
 
trusteR
Jr. Member
 
Total Posts:  16
Joined:  2008-11-17
 

Hello.

In my Styles file I have the following code

a { color:#b2b2b2; text-decoration:none;}
a:hover { text-decoration:none; color:#d40000; }

Works as it should. But, I am creating a new page and I would like to make the text have a different color and the hover as well. I can’t change the above code because it makes to big changes overall on the site. So that is out of the question.

I can change the font color easily in the wysiwyg editor, but then the hover color doesnt work.

I would like to have #d40000 as my font color and #000000 as hover, but I don’t know how.

I hope you can help me. Thanks.

 
Magento Community Magento Community
Magento Community
Magento Community
 
prateekgupta
Guru
 
Avatar
Total Posts:  539
Joined:  2010-06-04
India
 

Hey changing the css of a html tag can make big changes as this is used by all the text linking to pages means whenever you provide a link to a text you use this.

If you want to change the particular text you can just make a class for that and provide css like this to that class . For example:-

<div class = "abc">
<
a href="http://abc.com">text</a>
</
div>

css for this can be wriiten as this:

.abc a
{
}

.abc a:hover
{
}
Hope this helps

 
Magento Community Magento Community
Magento Community
Magento Community
 
trusteR
Jr. Member
 
Total Posts:  16
Joined:  2008-11-17
 

Thanks.

I am now a little wiser smile

 
Magento Community Magento Community
Magento Community
Magento Community
Magento Community
Magento Community
    Back to top