Return to previous page

Change Clickable Button Color - by heartleafguitarant

This topic has 13 replies, 5 voices, and was last updated 8 years, 11 months ago ago by Stan Russell

heartleafguitarant

Participant

December 2, 2015 at 00:56

I am trying to change the clickable button color from red to pink, how do I do this? All of my buttons are red. Please advise.

http://i68.tinypic.com/2e3z8ch.png

#102279 Copied Theme version: Legenda

12 Answers
Stan Russell

Participant

December 2, 2015 at 08:29
Hello,

please add following code to your custom.css file:
```
.button.white {
  background-color: pink;
}
```
Regards,
Stan Russell.
#102303 Copied
heartleafguitarant

Participant

December 5, 2015 at 01:29

Sorry, that didn’t work.

#102854 Copied

Robert Hall

Support staff

December 5, 2015 at 08:06

Hello,

You should create a custom.css file.

Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

Regards,
Robert Hall.

#102862 Copied

heartleafguitarant

Participant

December 6, 2015 at 07:06

Ok, but the border around the button is still red.

#102945 Copied
Stan Russell

Participant

December 7, 2015 at 08:28
Hello,

please add following css code:
```
.button {
  border: 1px solid pink;
}
```
Regards,
Stan Russell.
#102982 Copied
heartleafguitarant

Participant

December 7, 2015 at 21:59

Still did not work, please login and edit it please.

Please, contact administrator
for this information.

#103171 Copied

heartleafguitarant

Participant

December 8, 2015 at 01:24

Ok, I was able to get that done, how do I change the read more buttons?

http://i63.tinypic.com/294t72w.png

#103182 Copied

Brian Johnson

Member

December 8, 2015 at 07:48

Hello

Please try this code in custom.css:
.read-more{color:pink!important;border-color:pink!important;}
.read-more:hover{color:red!important;border-color:red!important;}

Regards
Brian Johnson

#103195 Copied

heartleafguitarant

Participant

December 8, 2015 at 18:44

Not working…

#103376 Copied
Eva Kemp

Support staff

December 8, 2015 at 20:25
Hello,

Please use this code in Global Custom CSS:
```
.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
     background-color: #F6C5BE !important;
}
```
Regards,
Eva Kemp.
#103395 Copied
heartleafguitarant

Participant

December 8, 2015 at 23:52

Thank you!

#103427 Copied

Stan Russell

Participant

December 9, 2015 at 08:03

Hello ddaniels22,

you are welcome! Have a nice day!

Regards,
Stan Russell.

#103441 Copied
Tagged: button, change, clickable, color, themes, woocommerce, wordpress
Viewing 13 results - 1 through 13 (of 13 total)