Hyperlink style
-
AuthorPosts
-
irfanquader
MemberHi,
Can I change the default hyperlink style or at least the colour? I feel like the current style doesn’t give enough contrast with the surrounding text.
Thanks!The blog I need help with is: (visible only to logged in users)
djordjegrubac
Theme AuthorHello,
To change link style inside the content, please add these classes to Custom CSS:
.post-content a, .post-content-secondary a, .page-content a { color: #fff; text-decoration: underline; } .post-content a:hover, .post-content-secondary a:hover, .page-content a:hover { color: #fff; text-decoration: underline; }
Set desired hex color values for both normal and hover states, and save the changes. This class will change color and add underline to links in the content.
Thank you,
– DjordjeHi.
Thanks, this works!
But the style is being applied to the post titles on the homepage as well. Is there any way to avoid this? Because the title font is large and bold, having it underlined and in a different colour looks a little loud.
Regards,
Irfandjordjegrubac
Theme AuthorHi Irfan,
I have tried to check your site to see what’s going on, but for some reason your site is not loading. Did you change URL?
Thank you,
– DjordjeHi Djordje,
Not sure why it’s not loading. You could try https://thegoodlifewithiq.com.
I’ve removed the underline style from the CSS code, and that looks a little better, but I would still prefer if the post titles didn’t show the hyperlink style at all.
Regards,
Irfandjordjegrubac
Theme AuthorHi Irfan,
Thank you for the reply. Now it’s working.
This, more precise class should do the trick, so only styles on single post page will be affected:
.single .post-content a, .single .post-content-secondary a, .page-content a { color: #fff; text-decoration: underline; } .single .post-content a:hover, .single .post-content-secondary a:hover, .page-content a:hover { color: #fff; text-decoration: underline; }
Thank you,
– DjordjeHi Djordje,
Thanks for your response. I’ll try this and let you know how it goes.
Regards,
IrfanHi Djordje,
This is working. Thanks!
Can one also assign text style attributes to an html tag like <LEAD></LEAD>? I would like the lead paragraph of my post to show up with a larger font size and maybe a different colour than the usual paragraph text.
I’ve tried using the header tags, but that’s not working out so well.
djordjegrubac
Theme AuthorHi Irfan,
Hm, you can try to add something like this to Custom CSS:
lead { font-size: 18px; color: #000; }
Of course, set desired value for size and color hex value.
Thank you,
– DjordjeHi Djordje,
This works! Thanks!
Regards,
Irfan
- The topic ‘Hyperlink style’ is closed to new replies.