How do I change the background color of my website's buttons?

Store Design
1

Hi

I need help to change the background color of this button (that says “free shipping” on the shopping bag to black (across all devices - mobile, desktop, iPad)

also do guide me on the code I can add if I want to change the background color to buttons for “proceed to checkout” and “view shopping bag” next time (across all devices)?

my site: doodlemedo.com

thanks!!

See screenshots

74110F60-A3DB-4CA2-AA14-B78DFF3E94A6.jpeg
74110F60-A3DB-4CA2-AA14-B78DFF3E94A6.jpeg828×1792 101 KB

DC8B48B0-41F5-4C6E-87FF-5BC0D0A0F8C5.jpeg
DC8B48B0-41F5-4C6E-87FF-5BC0D0A0F8C5.jpeg828×1792 92.8 KB

2

Hi,

For changing the shipping button background color add below at the end of theme-skin-6.min.css file. You can find this file in assets folder.

.free-shipping__progress,.free-shipping__text{

background-color:#000;

}

3

Hi,

For changing the “proceed to checkout” and “view shopping bag” background color add below CSS at the end of theme.min.css file.

.popup-cart__buttons a.btn{
background-color:#000;
border-color:#000;
}

You can change the hex code which you want.
Hope this will helpful to you.

4

@abcxytz1234

sorry for that

bcz i have already done please check

5

HI,

If you got the answer then you can mark this thread as an accepted solution. So, others can get to know

6

@Akibhusen hi thanks for the codes, they change the button colors for both view shopping bag and checkout at the same time. what’s the code for each if i want to change each button color separately?

7

HI @abcxytz1234 ,

It’s required some additional classes to manage the separate color for each button. This will possible by adding some changes to your theme templates.

8

@Akibhusen ok thanks! will leave it for now!

9

HI @abcxytz1234 ,

As you wish. If you need any other help feel free to ask.