Michael4771079
Posts: 0
Joined: Sat Jul 21, 2012 2:03 pm

change text colour on button

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

Maryna Brodina
Posts: 0
Joined: Thu Apr 05, 2012 7:27 am

change text colour on button

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

Michael4771079
Posts: 0
Joined: Sat Jul 21, 2012 2:03 pm

change text colour on button

Hi Marina,
I have added css and class,

screenshots

Image

Image

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

Maryna Brodina
Posts: 0
Joined: Thu Apr 05, 2012 7:27 am

change text colour on button

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

Michael4771079
Posts: 0
Joined: Sat Jul 21, 2012 2:03 pm

change text colour on button

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;
}
Image

Serhii Kulibaba
Posts: 150
Joined: Tue Aug 27, 2013 1:47 pm

change text colour on button

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

Michael4771079
Posts: 0
Joined: Sat Jul 21, 2012 2:03 pm

change text colour on button

Thank you Sergiy,

that's perfect and much appreciated!

Return to “Issues”