Buttons cart

Shapely
1

Hi,

Do you know an easy way to change the button colors & size of my woocommerce cart?

Tnx!

2

Hi @jolinekool,

I hope you are well today and thank you for your question.

We can achieve this by developing custom CSS code.

Could you please share me the page URL from your site where it is displaying so that i can help you to achieve it?

Kind Regards,
Movin

3

Hi there Movin,

www.kaftwerk.com.

Thanks for the other issue, that is solved.

Joline

4

Please share me the exact page URL from your site where it is displaying and not just your site URL.

5
6

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other


#page .woocommerce a.button,
#page .woocommerce .cart .button, 
#page .woocommerce .cart input.button{
  background: #000;
  border-color: #000;
  max-width: 260px;
  color: #fff;
  }

Please change the color value in the above code to whatever you want to use by referring the following pages.

http://www.w3schools.com/html/html_colors.asp
http://www.w3schools.com/html/html_colorvalues.asp
http://www.w3schools.com/tags/ref_colorpicker.asp

7

Hi Movin,

thank you. That does help, only the font stays really big and then changing the button itself does not have the effect i like. What is the code to change the font as well?

Joline

8

To change the font also just add the font-family CSS attribute in the above code as following and change the font sans-serif in it to whatever you want to use.

#page .woocommerce a.button,
#page .woocommerce .cart .button, 
#page .woocommerce .cart input.button{
  background: #000;
  border-color: #000;
  max-width: 260px;
  color: #fff;
font-family: sans-serif;
  }