[jzhess88]

I am having a few issues with some text coloring issues on my website. I changed my text color from the default grey to blue, but whenever I bold a word, it automatically goes back to grey and there is no way to change it to blue, even by manually changing the color in the text box.

Here is a link to a page where the problem exists:http://www.fantasygeniuses.com/week-5-survivor-picks/

As you can see, everything that is bolded is grey, even though I want it to be blue.

I have also been using the visual composer plug-in and have been unable to change the color of the headings and other texts. On my homepage, I have a call to action box where I want the text in the box to be blue.

Here is a link to that page: http://www.fantasygeniuses.com/

Thank you in advanced for your help!

[Sakin]

@jzhess88: I see that you have customize the core theme files, you are not supposed to do that. For any custom CSS, you can either add it in “Appearance => Theme Options => Custom CSS” box or build child theme and add it in child theme style.css

If you look are the customization you have done in style.css. You will see the following CSS.

strong, b {
    color: #666666;
    font-weight: bold;
}

See here, you have defined color for bold text. Just remove that.

Your call to action box background color is defined in http://www.fantasygeniuses.com/wp-content/uploads/js_composer/js_composer_front_custom.css. So, you can either disable this CSS or you can overwrite it by adding the following CSS in “Appearance => Theme Options => Custom CSS” box. In the following CSS, you can customize the color code as per you need.

#main .wpb_call_to_action {
    background-color: #E1BA00;
    border: 1px solid #D4AD00;
}

[jzhess88]

Thank you, Sakin! Everything worked!

[Author]

Posts