Support » Themes and Templates » link colours?

  • Resolved lovejojodotcom


    Hello, I’m trying to make the links on the right column the same blue as the header image, changing to the grey colour of the body text when moused over. I don’t know what I’ve done wrong! Please someone help me!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Michael


    Forum Moderator

    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;}

    for fundamental formatting problems, try to use a browser tool such as Firebug or a similar tool for other browsers to identify the involved css selectors.

    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.



    Forum Moderator

    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 { ... }



    #right-col p a { ... }

    to avoid influencing the social media buttons.

    for the footer:

    #footer p a { ... }

    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;}

    I seem to have fixed it now 🙂 Thanks for the help!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘link colours?’ is closed to new replies.