A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.
I am new to mojoPortal and working on my first skin without using Artisteer, but I have ran into one issue that I am thinking is CSS issue. What I am trying to do is just changing the color of link on hover. I have the following CSS
a.ModuleEditLink:hover,.sitelink,a.sitelink:link,a.sitelink:visited,a.sitelink:active,#wrapfooter a,a:link,a:visited,a:active { color:#FFF; }
a.sitelink:hover { color:#414141; font-size:smaller; }
I am not getting the color change on any links in of the content in my pages. I have looked at Firebug in FF and it only shows the first line when I inspect the links. Any help would be appreciated.
Regards
Hi,
You probably need to remove the .sitelink from your hover selector. It should be like this:
a:hover { color:#414141; font-size:smaller; }
HTH, Joe D.
Thanks Joe. That got me got father along in the process. When I created the hover selector as you mentioned I was still not seeing anything so I added the text-decoration:none; and then when I would hover the link would not display the underline however the color was not changing.
In Firebug the color was struck though which I assume means that particular style was not applied. I have looked though all my CSS files that are loaded and I do not have another a:hover selector.
Any other ideas?
Well I found the answer and it was my lack of CSS knowledge. I did not know that the a:link would override even the a:hover setting. So I moved the a:hover selector below the a:link and it is working as I want.
Thanks for your help Joe