WordPress.org

Forums

[resolved] link colours? (6 posts)

  1. lovejojodotcom
    Member
    Posted 2 years ago #

    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/

  2. alchymyth
    Forum Moderator
    Posted 2 years ago #

    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.

  3. lovejojodotcom
    Member
    Posted 2 years ago #

    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.

  4. alchymyth
    Forum Moderator
    Posted 2 years ago #

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

  5. lovejojodotcom
    Member
    Posted 2 years ago #

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

  6. lovejojodotcom
    Member
    Posted 2 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic