How To Change Color Of Links Inside Post Only

  • Hi guys I’m new to wordpress and need some advice please. My web site address is https://www.howtodrywall.co

    I wanted to put anchor links inside my post to amazon stuff, but when I did that at first the links were just black like the text, you could even tell they were there lol. So I manage to find a solution by editing the user.css style sheet,but now all the links on my site are blue. I’ve had my site like this for awhile now but its bugging me … its ugly. Is there a way to make only the links inside my post blue, and not the other ones ?

    Thank you guys big help

    Using arras theme
    Code for user.css
    a { color: #0000FF; }
    a:link, a:visited { color: #0000FF; }
    a:hover { color: #0000FF; }

Viewing 7 replies - 1 through 7 (of 7 total)

  • There are literally thousands of WordPress themes – which means that many people won’t be familiar with your particular theme. So a link to your site where people can see the theme might result in more responses.

    try and style .entry-content a { ... }

    https://www.w3schools.com/css/css_link.asp

    you most prpobably need to make a new style for this in user.css or whereever your theme add custom styles.

    linking to a post with the problem showing makes life easier.

    Thread Starter bluntman001

    (@bluntman001)

    I did post a link …
    https://www.howtodrywall.co

    On the main page you could see exactly what i’m talking about.

    Heres one that has anchor text in it
    https://www.howtodrywall.co/drywall-hole-repair-california/

    As you can see all the links are blue same with the ones that are actually in the post. I only want the link in the post blue … Thank You

    I did post a link

    Sorry. My bad! I missed it…

    Try adding:

    #primary a.
#primary a:link,
#primary a:visited,
#primary a:hover { color: #000; }
    Thread Starter bluntman001

    (@bluntman001)

    I tried removing the previous code I had and inserting
    #primary a.
    #primary a:link,
    #primary a:visited,
    #primary a:hover { color: #000; }

    To no affect, all links are black now but even the ones in the post.
    And I visited https://www.w3schools.com/css/css_link.asp but did not find the info I was looking for.

    Please Advise Thank You

    if you just want to change the link color in the post content, try to replace the existing general link style in user.css, with the ones below:

    your whole user.css should look like this:

    /* This CSS file is created for you to create or override any of the existing CSS styles used in this theme */
/* Hyperlinks */
.entry-content a  { color: #0000FF; }
.entry-content a:link, .entry-content a:visited  { color: #0000FF; }
.entry-content a:hover  { color: #0000FF; }

    Thread Starter bluntman001

    (@bluntman001)

    Thank you so much man much appreciated

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How To Change Color Of Links Inside Post Only’ is closed to new replies.