WordPress.org

Support

Support » How-To and Troubleshooting » Highlighting A Link

Highlighting A Link

  • I’d like to change the color (green) of a “Link” that appears on the right side of me HomePage. I thought there was a way to do that but I’m not quite sure. Maybe you can just change the color of text?

Viewing 15 replies - 1 through 15 (of 29 total)
  • Michael
    Forum Moderator

    @alchymyth

    you probably need to edit the style.css (in rare cases a different css file) of your theme and find the style that influences your link:
    http://www.w3schools.com/CSS/css_link.asp

    if you post a link to your site, where the green link can be seen, someone might be able to point you in the right direction.

    I actually want to turn the link to green which is currently black. Just that one link though. Wondering if that was possible since the other links will be remaining in black?

    Michael
    Forum Moderator

    @alchymyth

    if the link is in an element with a unique class, that might well be possible.

    btw:
    if you intend to do more of style tweaking, firefox web developer add-on is a good tool to investigate these css issues of your blog, online in your browser.

    I used that link that you suppied me (above) to change the color and this is what I came up with. The thing is, it doesn’t show it as a clickable link, but the color did change. Is there a certain spot to put it within the style.css?

    http://www.w3schools.com/CSS/tryit.asp?filename=trycss_color

    This it it for now. Thank you, Alchymyth.

    Michael
    Forum Moderator

    @alchymyth

    as you could see from the link to ‘styling links’ there a a few different states of alink, and to be able to see it as a link, usually either the :link state or the :hover state would be styled different from the other states.
    to make the link visible in the text, it would need to be styled either in a different color from the surrounding text, or maybe with ‘text-decoration:underline’.

    as i can’t at all see what you have changed and what effect it had on the design of your link, this is only general information.

    if you try to impose a different new style, it is best to overwrite the exact one you want to change, or to add a more specific one to style.css, or to put them towards the end of style.css to overwrite other ones you may have missed.

    one last thought:
    if you are entering the link manually into the post, you could try and use an inline style:
    <a href="linkurl" title="" style="color:green;">linktext</a>

    Is there a way I can change the color and underline the verbage as a link within one code or do I have to do that separately?

    Michael
    Forum Moderator

    @alchymyth

    if you refer to inline styles, you can have as many styles in that one line as you need:
    <a href="linkurl" title="" style="color:green; text-decoration:underline;">linktext</a>

    The inline style looks easier and I’m gonna try using the color green and decoration:underline style to see how that works. I’ll let you know. Thx.

    Does the inline style link go where it says “Web Address” when editing the link?

    What do I use where it says “Name” when editing the link?

    I tried bit it’s not happening. I did notice that when I hover over the link it turns to a green color. Will that have any effect?

    Michael
    Forum Moderator

    @alchymyth

    the ‘turning green’ could be a sign that you are on the right track.

    could you post the code of that link, plus e few lines before and after, so someone could check it?

    but without a link to your site where the link could be seen in action, that is basically all i can help from here.

    I should’ve said that the links were already set up that way (green when hoved) with all the the links on the Home pAge.

    http://dustinkeller81.com

    Where would I find this code that I’m referring to, above?

    Is there a certain way I need to post it here too?

    Michael
    Forum Moderator

    @alchymyth

    simply name the word that you want to style as a link, and point roughly to the place where it can be found – the rest is easily to retrieve from your site, after you posted the link.

    Sorry but I don’t understand at all. Can you give me better directions? Thank you!

    Michael
    Forum Moderator

    @alchymyth

    now, after you posted a link to your site, could you describe which link you want to style green –

    for instance: the links in the right sidebar?
    or: the ‘no comments’ link?
    or: the tag and category links under the posts?

Viewing 15 replies - 1 through 15 (of 29 total)
  • The topic ‘Highlighting A Link’ is closed to new replies.