How to change a link hover & visited colours in a column area

Hi - I have a few links in a column area. How do I change the a:visited and a:hover properties so that they override the main bootstrap default CSS?

<div class="col-lg-offset-3 col-lg-5 text-center col-md-offset-2 col-md-6" data-pg-id="1916">
<a href="contact.php" target="_blank" target="_pg_blank" data-pg-id="1917">Contact</a>

I tried in the PROP menu for the column > Style >

Style: a:hover { color: #4db2ec; } a:visited { color: #c3c3c3; }

But this didnt work!

Thanks for any help :slight_smile:

@anc99 Hi. I’ve created a new file and added your HTML and CSS to it and it seems to work fine. Have you cleared your browser cache? Screenshots from my effort.

Viewed in browser:



For the sake of testing this out try using some strong colours, e.g. green and purple, the kind of colours that would stand out easily and can’t be confused with each other. Once you know its working you can confidently change them to whatever colours you’d prefer. Let us know how you get on with this or if I can be of any more help.

Thanks Rob.

Got it working using this in the end:


and style.css:

.menubottom a:link {color: #C3c3c3; }
.menubottom a:visited {color: #c3c3c3; }
.menubottom a:hover {color: #337ab7; }

@anc99 interesting that you had to use .menubutton to get it to work, I
didn’t realize it was for a specific link and not just generic links.
Good to hear that you resolved it, well done.

anc99 wrote: