Need help? Check out our Support site, then


WordPress.com Forums » CSS Customization

Changing the appearance of your links on posts

  1. djmasmusic
    Member

    Hello,

    I am new toe CSS and all I'd like to do is automatically change all the appearance of my links by either underlining or changing the colour without having to do it manually every time.

    Is there an easy way to do this or do I need to apply to each link.

    thank you for your help

    Please remember I am a beginner.
    Thanks again

    The blog I need help with is masmusicblog.com.

  2. houstonweaver
    Member

    If you mean your links within the text area of your post, they are currently appearing in a different color from the text. If you would like to change that color and/ or to underline the, you use the color and the text- decoration CSS for those elements. For example:

    .entry a {color: #00527a; text-decoration: underline;}

    Changing the color to taste and choose to add the text-decoration or not.

    If you want to change the link colors and underline in other parts of your website, post here just which ones you want to change, such as menu, widgets or wherever so we can help you with the selectors to use.

  3. djmasmusic
    Member

    Yes I do mean links in the text area.

    Thank you for your help.
    But I would like that by default all my links are underline without me having to change them one at a time.

    Does that make sense?

  4. houstonweaver
    Member

    Do you have the CSS upgrade?

    If so, add that line to your css box choosing the color you want. Adding the css command to the CSS box will apply it to all your links in your text area.

    If you just want the underline, use this just part:

    .entry a {text-decoration: underline;}

    You can try it out using the preview mode in your CSS.

  5. aimlessquestions
    Member

    I just did similar today but to remove underlines on links. In my style.css I opened it and searched for a:link. I changed it to none and saved it. This should work to change yours to underline as.

    In your case Search the file for a:link, a few lines below it you will see tex-decoration: none; change none to underline;

    I just wanted to chime in because I wanted to point out something that I didn't think of. At first I was getting frustrated because when I refreshed my page the underline was still there.

    I'm running the W3 Total Catch Plugin (by the way I highly recommend it for speeding up site load time). I went to the plugin settings and purged all cache. Went to my site and the no underline was visible.

    As always save your original file to backup before making changes incase something breaks. :)

  6. djmasmusic
    Member

    Thank you both for your help. I wanted to change this in all my text, content, pages, posts but my CSS code I cant fight a:link - I only have this when referring to my flickr widget.

    I think I am still too much of a newbie to understand, so I will get a computer friendly friend of mine to help me.

    Thanks to you both

  7. houstonweaver
    Member

    @aimlessquestions You might be referring to a wordpress install hosted elsewhere. At wordpress.com we don't have plugins and we don't usually search our CSS and replace things in it, instead we add the items we want changed into a separate CSS editor (which operates somewhat like a child theme.)

  8. designsimply
    Staff

    Thank you both for your help. I wanted to change this in all my text, content, pages, posts but my CSS code I cant fight a:link - I only have this when referring to my flickr widget.

    To underline all links in the content areas of post and pages in the Liquorice theme, add this to your Appearance → Custom Design → CSS editor:

    .post-wrapper a {
	text-decoration: underline;
}
#primary-content .date small a,
.post-meta a {
	border: none;
}

    Your http://masmusicblog.com/ site looks great!

  9. djmasmusic
    Member

    Hi Designsimply,

    Thank you so much for this personalized help and for your support!
    I did it and it looks great.

    Just one small query please - it has now underlined EVERY single link - included post titles, tags, authour etc.
    I'd like it to just underline the links in the content of posts and pages. Most importantly I'd like the titles of posts to remain not underlined.

    Could you please help with this?

    Thank you
    Claire

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags