Support » Themes and Templates » link colours?

  • Resolved lovejojodotcom

    (@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!

    http://joannehua.com/about/

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

    (@alchymyth)

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

    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.

    lovejojodotcom

    (@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.

    Michael

    (@alchymyth)

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

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

    lovejojodotcom

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

    lovejojodotcom

    (@lovejojodotcom)

    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.