Can we have a background image on an "Add-to-Cart" button

Store Design
1

Hello community,

I would like my “add-to-cart” button to not be plain color but instead have a background image.

Before I dig too much and invest time on my theme.css. Do you know if that is possible that the add-to-cart button get a background image or it is limited to a background color only?

Thanks for your help

Cheers

JM

1 Like
2

@jbaillette

If you have found my answer helpful, please like and mark the question as solved. Thank you.

1 Like
3

@jbaillette

yes ,please share store url

1 Like
4

Thanks really appreciate it. it means I have to dig in because my them is complex. I will post once successful!

5

@KetanKumar

my website is ezokofishing.com

the current password to enter the website is seecep

If you see where I should add the good piece of code it would be great.

1 Like
6

@jbaillette

thanks but i can’t see any option put the password

1 Like
7

@KetanKumar

Sorry fixed now you click on the bottom to put the seecep password

1 Like
8

@jbaillette

button#AddToCart {
    background: url(https://cdn.shopify.com/s/files/1/0601/3206/5515/files/ATC_BG.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

yes, please add this code your css file

1 Like
9

Awesome. work perfectly. Thanks a lot for your support Ketan!!

1 Like
10

@jbaillette

its my pleasure to help us