Change button colors through CSS
-
Hello,
I’m trying to change the “proceed to checkout” button colour from the default purple to something else (more reddish).
I can’t use the colour picker in WC’s settings since the files aren’t writable from the webserver.
I’ve added the following css to my theme’s style:
.woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce-page button.button.alt, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt { background: -moz-linear-gradient(center top , #d25151 0px, #96588A 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border-color: #76456C; color: #FFFFFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6) !important; }
yet nothing seems to change. I’m getting a bit lost in WC’s CSS though.
Viewing 3 replies - 1 through 3 (of 3 total)
Viewing 3 replies - 1 through 3 (of 3 total)
- The topic ‘Change button colors through CSS’ is closed to new replies.