Tagged: bold, Color, links, main content
Hi guys,
after solving my logo problem, here’s another question:
When setting the primary color for Main Content in the Enfold styling section the same color is used for bold text as well as for links. This is unfortunate, since I would like the links to pop out more from the rest of the content.
Any CSS quick code to either add another color for the links or for the bold text – so that the links have their own unique color?
Thanks a lot,
Ruppert
Hey rfb4!
Change the link color using this on Quick CSS:
.main_color a:hover, .main_color h1 a:hover, .main_color h2 a:hover, .main_color h3 a:hover, .main_color h4 a:hover, .main_color h5 a:hover, .main_color h6 a:hover, .main_color .template-search a.news-content:hover {
color: red;
}
Use this for the bold fonts:
.main_color strong {
color: red;
}
Regards,
Ismael
Solved with the bold text, thanks. I should note however the one for the link color didn’t work out for me.
Hi!
Please note that Ismael provided you hover states. If you would like to change initial color of links, please add following code to Quick CSS as well
.main_color a, .main_color h1 a, .main_color h2 a, .main_color h3 a, .main_color h4 a, .main_color h5 a, .main_color h6 a, .main_color .template-search a.news-content {
color: red;
}
Regards,
Yigit
My bad, works like a charm. Thanks guys, you’re awesome!
Ruppert