Docs

[WPTanis]

Hey!
I’m trying to follow these instructions:
https://community.theme.co/kb/implementing-additional-button-colors/

How would I add this to the style.css file of the X Child Theme? I can’t seem to get the syntax right.

Thank you!
Ken

[Friech]

Hi Ken,

Thanks for writing in! Declaring a new style for button does not necessarily require a child theme. You can place your custom CSS on Custom > Global CSS on the Customizer (Appearance > Customize).

Lets try the css below, add this on your custom CSS on Customizer.

.mybtn-blue {
	background-color: blue !important;
	color: white !important;
}

Then on your button element add the class mybtn-blue

Hope it helps, Cheers!

[WPTanis]

Ah, I see what the problem is now from your sample code, thank you. I was following the example in the link in my original post and that example precedes my button name with “.x-btn” (.x-btn.my-btn), which must be for something else that I don’t understand.
Thanks!
Ken

[Darshana]

Hi Ken,

If you’re still having any issues, please provide us with the link to your page so that we can check it for you.

Thanks!

[Rupok]

Glad that you are all set now. Have a nice day!

[Author]

Posts