WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] How to change hyperlink color? (9 posts)

  1. Anne-Marie
    Member
    Posted 8 years ago #

    It's been mind puzzeling...I've placed an image with a hyperlink to a gallery, what I don't like is the hyperlink color purple. I like to change it to gray, but I just can't seem to figure out where to change this.

    WP.2.0 version and WP-Andreas09 theme.

    Please lead me in to the right direction.

    Here you can see what I mean.
    http://www.seacloudies.com/?page_id=7

  2. sonria
    Member
    Posted 8 years ago #

    From your blog interface go to "Presentation" and then "Theme Editor." It should open up to the stylesheet for your theme. You're looking for an a img { command. Then just change the border-color attribute to whatever you want it to be.

    You'll need to make sure your theme files are writable from the interface for this to work.

  3. Anne-Marie
    Member
    Posted 8 years ago #

    Thank you for the quick reply Sonria,

    I've tried searching for the img command, no result. I've tried looking for border colors, no result, I've looked in the theme style sheet, spitted my way through WP sheets (thought it could be there) copied and pasted every color code I came across but nothing I found even resembles a bit purplish.

    So what's next, more ideas out there to help get rid of this purple color?

    Much obliged

  4. Anne-Marie
    Member
    Posted 8 years ago #

    Forgot to mention the purple only appears in IE.

  5. Mark (podz)
    Support Maven
    Posted 8 years ago #

    Putting this at the bottom of your stylesheet:

    a:hover img{
    border:2px solid #ff00ff;
    }

    makes things bright.

    Change the colour as needed ?

  6. Anne-Marie
    Member
    Posted 8 years ago #

    Podz...it almost worked, if I hover over it the purple turns gray but still there is a purple lining surrounding the image.

    http://www.seacloudies.com/?page_id=7

  7. Mark (podz)
    Support Maven
    Posted 8 years ago #

    If you put this

    a img {
    border: 2px solid #c0c0c0;
    }

    just above the last bit of css, then there is no change when the image is hovered. That what you are after ?

  8. Anne-Marie
    Member
    Posted 8 years ago #

    That's what I was after Podz...thank you very much!

    Big kiss on your forehead!

  9. Mark (podz)
    Support Maven
    Posted 8 years ago #

    Excellent! Glad it all worked :)

Topic Closed

This topic has been closed to new replies.

About this Topic