Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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, 7 months ago by Misko.
    #1299183

    Hey 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:
    2021-05-09_143627.jpg
    because we see the Enfold side, but from your side, you see the additional style added by the BB Press plugin:
    2021-05-09_143930.jpg
    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,
    Mike

    #1300069

    Dear Mike, it worked like a charm. Thank you very much!!!!

    #1300086

    Hi Misko,

    We’re glad to hear that :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Change color of bold text’ is closed to new replies.