[Resolved] Change links color in post/page

[Velin]

Hi there,

I have a quick question about the links in my posts and pages. I know I am able to change the link color from Customize -> Colors -> Content. However, this also changes the links color on my home page (as I have set it to show my latest posts). I need to be able to define a custom color only for the text links which I’m including in my posts and pages, without messing with the rest of the links.

Is there any way to achieve that?

Thanks,
Velin

GeneratePress 2.2.2

GP Premium 1.7.7

[David]

Hi there,

you can target them specifically with this CSS – just change the colors accordingly:

.single-post .entry-content p a, .single-post .entry-content li a {
    color: red;
}
.single-post .entry-content p a:hover, .single-post .entry-content li a:hover {
    color: green;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Velin]

Hi David,

Thanks, works like charm 🙂

[David]

glad to be of help

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Velin]

Hi, sorry to reopen this, but I’ve noticed something. After I applied the custom CSS, the links in my social icons are also in the same color as my main links.

Mind if you take a look and let me know how to fix that? I believe you have a link to the website, click on the latest post and scroll down to the bottom of the page to see it.

Thanks,

Velin

[David]

I edited the code above so it will only effect the links within a paragraph.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Velin]

Thanks 🙂

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Velin]

Hi David,

Sorry for reopening this thread. Any chance to update the code to affect links in list items too?

Thanks,
Velin

[David]

No problems. edited the code above to include lists 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Velin]

As always thank you for the quick reaction 🙂

[Netranand]

Hi,
When I in admin mode, I can see the link color in blue but when seeing the publish view or the actual published view the link colors are in black color only. Please help

[David]

Hi there,

can you raise a new topic where you can share a link to your site so we can see what the issue is.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Paul]

Hello David,
thankyou for the above code that helped my to solve one problem!
However, now the headlines of posts that I am showing via the WP Show Posts plugin inside a posting (e.g. referrals to other posts) are also in the same colour. These should remain in the colour which I have assigned to them in Customiser/Colors/Content.
Help would be very much appreciated!
Thanks, Paul

[David]

Hi Paul,

can you raise a new topic where you can use the Private Information field to share a link to the page where i can see the change you require

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts