Text color doesn't change

ThePatrickBay

Hi, I have an issue that I hope someone can help with.

I have set up a button with blue background and white text.
In the Buttonizer editor it looks correct, but on my website, the text is black. The background and icon colors are correct -- only the text color is wrong.

I have set the custom class to "customClass" and have this custom CSS active on the website:

`.customClass .buttonizer-label {
font-weight: 900;
color: #fff;
}

.buttonizer .buttonizer-button .buttonizer-label {
font-weight: 900;
color: #fff;
}`

I would be very grateful for some help.

Link for the website: http://thepatrickbay.dk/maribo/

I did wait a few minutes and cleared cache after each edit to make sure that's not the issue.

Thanks in advance!

Best,
Patrick

TonyG

Hey Patrick,

Sure! Please modify your CSS below to add "strong" to it and it should do the trick. I noticed your website has a default color for strong elements which is currently overriding your "#fff" color choice.

Note, this CSS should be safe since it's pretty specific, but please double check your website isn't negatively impacted by it, just to have another pair of eyes 🙂

.buttonizer .buttonizer-button .buttonizer-label strong { font-weight: 900; color: #fff; }

Please let us know if you need anything else!

Cheers,
Tony

ThePatrickBay

TonyG

Thank you so much for your help, Tony! Worked like a charm! 🙂