-
AuthorPosts
-
May 7, 2021 at 10:28 am #1298900
Hi guys! This is probably easy to do, but I can not find the solution. Namely, by default, whatever I do in the Theme Options, the link color and the color of a bold text are the same – as far as I can see. (I am talking about the texts on my pages and posts)
Even here on your website, you see, this is a link and this is something important emphasised in bold. As you can see both in the same color. I do not like it as I think that it is confusing for visitors not to be able to distinguish links in the text.
I would like to make links and bold segments of texts different, by making the bold text color more similar color to the normal text color.
So, I want to change only the color of bold text.
I tried all kinds of CSS snippets but it does not work.Thank you!
- This topic was modified 3 years, 6 months ago by Misko.
May 9, 2021 at 8:57 pm #1299183Hey Misko,
Thank you for your patience I can help you define a different color for your bold text with css, but I would like to point out that there are typically two ways that “bold” is expressed, the strong tag and the b tag, the strong tag is more common these days, but some people and older plugins might use the b tag. Also since you didn’t link to your site I can’t tell if you are using any other plugins that might be affecting the “bold” color or any custom font styling, which is what occurs on this site, when we look at our side we see this:
because we see the Enfold side, but from your side, you see the additional style added by the BB Press plugin:
Anyways, my point is that other things can be at play and it can be difficult to blindly write some css, but I will try :)
So this example will change strong tag to a rust color #c3512f in the #main which is below the #header. There is a possibility that an H1 link that has a strong tag may be a different color, and if that is the case please link to the page you are having trouble with.
Please try this css in the WordPress > Customize > Additional CSS field as it has the highest priority:#top #wrap_all #main strong, #top #wrap_all #main b { color: #c3512f; }
After applying the css, please clear your browser cache and any caching or minifying plugins and check.
Best regards,
MikeMay 13, 2021 at 9:10 am #1300069Dear Mike, it worked like a charm. Thank you very much!!!!
May 13, 2021 at 9:46 am #1300086Hi Misko,
We’re glad to hear that :)
Thanks for using Enfold and have a great day!Best regards,
Nikko -
AuthorPosts
- The topic ‘Change color of bold text’ is closed to new replies.