Hyperlink is not changing

Hi,

Maybe that code does not apply for those links, I could take a look if you can provide an exmaple. Note that you can also color the links as you are creating them, either in WordPress editor or composer
– https://www.screencast.com/t/7ZQ3m7vs
– https://www.screencast.com/t/qV5x1kQmvKme

Thanks

The link color by default is the theme accent color. You can change the link color by changing the theme accent color, or color them as I showed above, or with a CSS code if those settings are not sufficient.

I believe in a previous topic this code was provided to you
– https://www.screencast.com/t/snYhRAEYX0J7
That code worked for the HTML you have in that page content, which is like this
– https://www.screencast.com/t/eQM62QUCmLs

Where exactly do you want to change the color of the links? If it is a post, then that code will not work, it is meant for page contents.

I see the links have a color at the moment, in a post on your website
– https://www.screencast.com/t/a1h7nEqAD
Also in the blog page – https://www.screencast.com/t/YkJaryMFUf8x

I can give you another code besides that, try it like this for the already colored links
– https://www.screencast.com/t/2lc0tTDqs

.td-post-content p span a span {
color: yellow !important;
}

Like this for posts with links that you did not color in the WordPress editor

.td-post-content p span a {
color: yellow !important;
}

Enter them both and see how the links look after that.

You can change the color in the code, use any color you want, then all the links will have that color

.td-post-content p span a span {
color: #339966 !important;
}
.td-post-content p span a {
color: #339966 !important;
}

So you also want to make the links bolder, the links are already bold
– https://www.screencast.com/t/DQebXJvh6W
Maybe you want to make the font bigger like this
– https://www.screencast.com/t/Ebc2RwQzUo
If that is the case use this code to also color the links and increase the font size

.td-post-content p span a span {
color: #339966 !important;
font-size: 20px;
}
.td-post-content p span a {
color: #339966 !important;
font-size: 20px;
}

Glad it works, the link you mention is in a list there. This would work in that case
– https://www.screencast.com/t/rlXIe4X19jfq

.td-post-content li span a {
color: #339990 !important;
font-size: 18px;
}

I don’t know how exactly you are making all these span tags and links inside spans and strong tags over spans etc. That is why there is need for so many codes. However, remove the code I provided above and enter this one
– https://www.screencast.com/t/tcRQf8Jx

.td-post-content li span a,
.td-post-content li a span,
.td-post-content a {
color: #339990 !important;
font-size: 18px;
}

For pages it is different, this code will only work for posts (post content versus page content).
So if you have a different code that works in pages, leave it as it is. That one with the ones provided in this topic should cover all the situations, there could be some exceptions maybe.