Guest rustic-crafts Posted September 19, 2010 Share Posted September 19, 2010 I have text with a hyperlink to another page, this is within a box on the left side. The text has gone purple and I want to keep it 'black' but underline it when cursor is hovered over it. Similar to category buttons. Quote Link to comment Share on other sites More sharing options...
bsmither Posted September 19, 2010 Share Posted September 19, 2010 In the file /skins/STOCK_SKIN/styleSheets/style.css, find this: a.txtDefault:hover, a.txtLink:hover, a.txtLocation:hover { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF3300; text-decoration:none; } JUST ABOVE IT, add this: a.txtDefault:visited, a.txtLink:visited, a.txtLocation:visited { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration:none; } Note that :visited must be defined before :hover is defined. Then in the :hover group, change to text-decoration:underline; This assumes you are working with a stock skin. If you have a custom skin, contact the skin author. This also assumes the text is styled with these selectors. If you give us the address to your site, we can determine this. Quote Link to comment Share on other sites More sharing options...
Guest rustic-crafts Posted September 19, 2010 Share Posted September 19, 2010 I am using a custom skin and I have got the hover on most hyperlinks sorted. My issue is with the left hand side boxes, News and Links. the website address is http://rustic-crafts.co.uk/cart/index.php Quote Link to comment Share on other sites More sharing options...
bsmither Posted September 19, 2010 Share Posted September 19, 2010 OK, the upper left hand column contains links to your categories and the list is in a <div> with class of Cats. The <a> tags in that list is defined by css ".Cats ul li a:hover" The left and right side boxes contains links to various things and those lists are in a <div> with class of bcMain. The <a> tags are defined by nothing. So, in the file /skins/FluidRed/styleSheets/cubecartskins.css, find .bcMain { and add the following on a new line AFTER bcMain's closing brace: .bcMain a, .bcMain a:visited { color: #000; text-decoration: none;} .bcMain a:hover { text-decoration:underline;} While you are at it, in the .bcMain selector, add this: font-family: Arial, Helvetica, sans-serif; Finally, skins support for other than stock skins need to be discussed over at www.cubecartforums.org. Quote Link to comment Share on other sites More sharing options...
Guest rustic-crafts Posted September 20, 2010 Share Posted September 20, 2010 Brilliant, I can now format it further if required. thank you for your help. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.