Changing Link Appearance

  • Author
    Posts
  • #713716

    realagenda
    Member

    Hello all,

    I would like my website’s links to appear as follows:

    1. Non-clicked, non-hovered links to be this color: #257da7 and not underlined
    2. Clicked links to appear red and with no underline
    3. hover over links to be this color: #257da7 and underlined

    If someone can give me a hand, I will certainly appreciate it.

    Thanks!

    The blog I need help with is real-agenda.com.

    #713908

    timethief
    Member

    Is this a CSS editing question? And, do you have the custom design upgrade?

    #713920

    You will need to try this and make sure nothing happens where you do not want it to. In some instances sidebar links (which you have heavily styled) can also inherit from the main “a” settings. There could also be things that you want to follow the below that will not, and then you will have to figure out the selectors for those and add to each of the below as necessary.

    non-visited, non-hovered

    a:link {
    color: #257da7;
    text-decoration: none;
    }

    visited

    a:visited {
    color: #CC0000;
    text-decoration: none;
    }

    hovered

    a:hover {
    color: #CC0000;
    text-decoration: underline;
    }

    #713921

    Oops, messed up on the code tags for the hovered bit.

    a:hover {
    color: #CC0000;
    text-decoration: underline;
    }
    #713932

    realagenda
    Member

    Hello TheSacredPath,

    It seems to have worked fine except for one little thing. Links created in the subtitles of the articles or on the credit area -where it says the author of the article and origin- the links are red. It seems that links that are not in the article per se are red.

    I don’t mind it though, but would like to know if this is what you meant when you said some things would not be affected and may require further customizing?

    #713933

    realagenda
    Member

    I am wondering if this is because I may have clicked on them before?

    #713956

    Log out, clear your browser cache, restart your browser and then take another look. I’ve not clicked on any links and I’m seeing them all in the bluish color.

    #714061

    realagenda
    Member

    Thanks!

    #714063

    You are welcome.

The topic ‘Changing Link Appearance’ is closed to new replies.