Button Styles from Theme

I am wanting to make css styles that are placed in the theme .css file and then recall that style in the css box. For example:

Theme.css
.red {
background-color:red;
}
.orange {
background-color:orange;
}
...etc..

How then would I recall the class in the css input of the button?
I tried writing class="red"; in the css but nothing seemed to work..
Is there a way to do this?

Hello,

I think what you are trying to accomplish here is extra css class ?

If that's the case this is how it works:

// This should be added in the widget's root element:
.red { 
background-color: red;
}

.orange {
background-color: orange;
}

//Then in the selected widget, put in css field:
class: red
class: orange

Hope that helps !

Swayrian

Brilliant!!