Link Rollovers

[leowinspear]

Hi there,

Here is a link to an example page in question:
http://www.bondconstructionlondon.co.uk/

I have set up multiple link classes within the global CSS of the site so that I can have different links with different colours. Under the ‘Our Services’ section, I have the Commercial, Loft Conversions, Design & Planning, Bathrooms and Kitchens titles with the link class ‘two’ set.

This is the CSS I have used for the class:

a.two:link {color:#024124;}
a.two:hover {color:#aaaaaa;}
a.two:visited {color:#024124;}

When I have the ‘visited’ CSS, it stops the link from changing colour when you rollover it. If I remove the ‘visited’ CSS then the link disappears if you revisit the page after clicking on the active link.

Do you know what is causing this issue? Or is there some other CSS to use that would work?

Thank you in advance for your help

[friech]

Hi Leo,

Thank you for writing in, please remove the :link and :visited state and have only the normal state and :hover

e.g.

/*initial state*/
a.two {color: #024124;}
/*hover state*/
a.two:hover {color: #aaaaaa;}

Hope it helps,
Cheers!

[leowinspear]

That’s worked perfectly!

Thank you so much for your help as always.

[friech]

We are delighted to assist you with this.

Cheers!