the colors are defined here in style.css:
#menu a,
.children a,
.sub-menu a
{color: #949494; text-decoration: none;}
#menu a:hover {color: #00a1d0;}
http://www.w3schools.com/css/css_link.asp
for fundamental formatting problems, try to use a browser tool such as Firebug http://getfirebug.com/ or a similar tool for other browsers to identify the involved css selectors.
Thread Starter
jojohua
(@lovejojodotcom)
Hello thank you for your help. I’ve just read my initial post again and not sure it makes sense.
Basically, on the right column, at the bottom, there is a link which is in default blue. The footer links are also in default blue. I want these default blue links to be in the colour #00a1d0 (medium blue) and when moused over, I want them to change to #949494 (light grey). I think there is a contradiction somewhere in the CSS that is making it show up the way it is.
my mistake, I was looking at the left menu ;-(
the link at the bottom right does not have any specific styling;
you could try adding new styles for:
#right-col a { ... }
etc.
http://www.w3schools.com/css/css_link.asp
or:
#right-col p a { ... }
to avoid influencing the social media buttons.
for the footer:
#footer p a { ... }
Thread Starter
jojohua
(@lovejojodotcom)
Hello, that’s alright, I don’t think I was very clear to begin with! Thank you, I’ve just tried adding #right-col p a but it is still doing the same thing. Like this?
#right-col p a:hover; {color: #949494;}
#right-col p a:active; {color: #00a1d0;}
#right-col p a:link; {color: #00a1d0;}
#right-col p a:visited; {color: #00a1d0;}
Thread Starter
jojohua
(@lovejojodotcom)
I seem to have fixed it now 🙂 Thanks for the help!
