I am trying to customize a specific button on my home page (I need it to be black rather than the white version I styled for my other buttons because its in a section with a white background. Its the only button in the first section on the page).

I have tried using both an id and a class and I’m having trouble.

I tried adding CSS to the cornerstone custom CSS sidebar (which I believe is the more proper place for this) but it messed up my other buttons, so I’m having to add my CSS to the child theme style.css editor:

.x-btn.blk-btn {
color: #000;
border-color: #000;
}

.x-btn.blk-btn:hover {
color: #fff;
}

I am not sure what to add in Cornerstone to apply this class to the button, because I’m just learning CSS and dont know the proper syntax, and sites like w3schools.com obviously dont tell me the syntax to use with cornerstone.

(I wish there were some tutorials on using the class and id fields in cornerstone)

I tried adding ‘ blk-btn ‘ to the class field in cornerstone for the button I’m wanting to modify but nothing happened. This button also already has the helper class ‘ mal ‘ and I dont know how to apply multiple classes to a single element in cornerstone. Separating them with a comma or a semi colon didn’t work.

Please advise
thank you

(Though more documentation on using the cornerstone class and ID fields would be appreciated. I’m sure its forthcoming).

Glad you were able to figured this out.

We have one document about applying CSS classes, please check it : https://community.theme.co//kb/css-class-index/

Thanks.