Forum | Appery.io

Hi,
I have a button with custom css, it is on a swatch in my theme,

the colour of the text on the swatch is black and I need white,

I cannot use other swatchs with white text as they are being used for other components

How can I change this black text to white

Add class for specific button and create CSS rule http://docs.appery.io/documentation/w...

Hi Marina,
I have added css and class,

screenshots

the problem is the css for green colour is set to swatch d, and the text colour of swatch d is black,

I cannot use other swatches as they are being use by other components

thx

You've set class for button, now you need to add rule for this class, Create New - CSS add code:
code.green{
color: #00AA00;
}
.green:hover{
color: #88FF88;
}/code

Hi Marina,
I created css, changed colour to white, the text is white but not as sharp as the text on the black button, is there a way to correct this?
Here is the code and screenshot
.green{
color:#ffffff;
}
.green:hover{
color: #ffffff;
}

Hi Michael!
Change next CSS for green button:
pre.green{
color:#ffffff;
text-shadow: none;
}
.green:hover{
color: #ffffff;
text-shadow: none;
}
/pre

Thank you Sergiy,

that's perfect and much appreciated!