Hi
Can you tell me where to go to change the colour of the hyperlinks within my posts..
It’s currently the standard purple colour but i’d like to change it to stand out more
Hello !
You can achieve that by going into Theme panel – Theme Colors and there you will be able to change all the colors.
Thank you !
Theme Panel / Theme Colors / General Theme Colors / Theme Accent Color
This doesn’t seem to work for hyperlinks in my posts. Should it?
However, inserting this into Theme Panel / Custom Code / Custom CSS does:
.td-post-content a {
color: #e01919!important;}
Please confirm the above code is correct (or correct it) – I guessed it from modifying other hyperlink code. I want just to change the colour of hyperlinks in post content, nowhere else on the site.
Many thanks
Mark
Hello Mark,
Please provide the link to your website.
Thank you!
Hyperlink example in third paragraph in this post: https://jazzjournal.co.uk/2024/09/05/sweet-megg-bluer-than-blue/
I have actually reverted to this code:
.td-post-content a {
text-decoration: underline!important;
text-decoration-color: #f70202 !important;
color: black!important;}
But tell me – can the red underline be made bolder? It is almost imperceptible.
Thanks
Hi,
You can try to use this code .td-post-content a {
border-bottom: 2px solid #f70202;
color: black !important;
}
Thank you!
That’s better! Thanks.
Just confirm, in case I want to change style: Is this code correct for just changing hyperlink text colour?
.td-post-content a {
color: #e01919!important;}
Hello,
Yes, you can use the code to change the hyperlink text colour.
Thank you!
Just one thing – can we stop the black line appearing under hyperlinked text on hover? As second line of content here – https://jazzjournal.co.uk/2024/09/10/giovanni-guidi-a-new-day/
Thanks
Hello,
Please use this code .tagdiv-type a:hover
{
text-decoration: none;
}
Thank you!
So, if I just use text colour, no underline, can I adjust this
.td-post-content a {
color: #e01919!important;}
using a modification of your hover code to give me different text colour on hover?
Many thanks!
Hi,
This is the code for hover color -> https://i.imgur.com/8DDIswT.png .td-post-content a:hover {
color: #504BDC!important;}
Thank you!
