WordPress.org

Ready to get started?Download WordPress

Forums

Change Link Color (9 posts)

  1. dleonte
    Member
    Posted 3 years ago #

    I have searched the forum and found replies to this topic, but none of them seem to work for me.

    I want to change the visited, hover and underline for my links.

    http://temp16.virtuallyassistingu.com/location/

    see email addresses under contacts to find the links.

    Thanks so much for you time.

  2. govpatel
    Member
    Posted 3 years ago #

    Go in style.css and change this code

    a:hover {
    color:#114477; Change this to what ever color you want
    text-decoration:underline;

  3. Michael
    Member
    Posted 3 years ago #

    In the style.css around line 178 is this code

    a, h2 a:hover, h3 a:hover {
    color:#FFFFFF;
    text-decoration:none;
    }

    Change the color there.

    The "text-decoration: none" can be changed to "text-decoration: underline" to have these underlined.

    The "visited" should have a similar code in the style.css to change the color.

    You are getting an error for the footer also which is preventing the footer from loading.

    Michael

  4. dleonte
    Member
    Posted 3 years ago #

    Thank you both...it's working great....except for a link on this page for Ellen Engel at the bottom of the page...what gives with this link?

    http://temp16.virtuallyassistingu.com/about-2/

    Thanks.

  5. Michael
    Member
    Posted 3 years ago #

    I cannot get this page to load for me.

    If you search in the style.css for the various "a" you will see which ones you need to change.

    O if you have a similar code as the one below it will control your email links.

    a[href^='mailto:'] {
    color:#FFF;
    text-decoration: underline;
    }

    Michael

  6. dleonte
    Member
    Posted 3 years ago #

    Thanks Michael. Where would I put this code in the CSS style sheet?

  7. Michael
    Member
    Posted 3 years ago #

    It should already be there. If you want to experiment you can add it with the other "a" style code.

    Just be careful since it could affect other styles. It is safer to located the "a" code styles and edit what you already have.

    Michael

  8. dleonte
    Member
    Posted 3 years ago #

    The page is loading now...perhaps you can take a look and be more specific about the "a" style code.

    http://temp16.virtuallyassistingu.com/about-2/

    Thanks

  9. Michael
    Member
    Posted 3 years ago #

    The "a" styles the anchor tag in HTML. To get a specific "a" to style the way you want you need style the CSS to pinpoint that "a". The code about targets the email addresses.

    Find the style that fits the tag you want and change that code. If you are not familiar with the theme then you may have to experiment.

    Make sure you make backups because you will get lost.

    Hope this helps a little.

    Michael

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags