Change 'Add To Cart' button in Supply theme

Highlighted
New Member
1 0 0

i am using a Broklyn theme and i try to add this code to my page but doesnt work.

0 Likes
Highlighted
Shopify Expert
2686 67 683

Hi Roberto, for your theme you should use #AddToCart  instead of #addToCart  in those rules.

Want to hire me to tweak a theme? Mail me at tairli@yahoo.com!
My post solved your problem? Like it!
I am away till Feb-15.
0 Likes
Highlighted
New Member
1 0 0

Never mind I read more carefully and found the answer.

0 Likes
Highlighted
Shopify Partner
8 0 0

hey guys...  it tried adding this code and saved it but when i check on the page... nothing has happened.

any suggestions?

thanks.

0 Likes
Highlighted
New Member
5 0 0

Hi @Liam , i don't know the reason why after copy your code to my shopify " Supply" theme, it doesn't work, too. It shows the ATC button as the same , no change color, no change size. Please Help Me !!!

0 Likes
Highlighted
Shopify Staff
Shopify Staff
574 6 106

Hi Thanhtanhuane :)

It is possible that the CSS selector could be different on the theme you have, could you link me to your store?

cheers,

Liam

0 Likes
Highlighted
New Member
5 0 0

Hi Liam, Could you tell me how to link you to my store @Liam ? My store is not published :(((

0 Likes
Highlighted
Shopify Staff
Shopify Staff
574 6 106

Hi again Thanhtanhuane 

Thanks for getting back to me- I have taken a look with an updated version of Supply and the updated selector seems to be button#addToCart-product-template.

So you could try this for instance:

button#addToCart-product-template {
  width: 300px;
  color: green;
}

Can you try this selector and let us know if it is working for you?

Cheers,

Liam

1 Like
Highlighted
New Member
5 0 0

Amazing @Liam, now it's successful. Thank you so much !!! 

0 Likes
Highlighted
Shopify Partner
8 0 0

@Liam

I tried it as well but now my button text is green too?!?

http://prntscr.com/g7c4ub

also... if you see here... the text of the retail price... how do you get this to show? not sure on the code.

http://prntscr.com/g7c5si

the supply theme just by default shows you the amount of $$ you save, but not the retail price. I'd like to show the retail price with strikethrough. then keep the default you save $___

Thank you.

sorry to hijack this thread guys :-(

Dave

0 Likes