Debut Theme - Change size and color of the "add to cart" button

Highlighted
Tourist
7 0 1

Hey dear community!

 

I have found an older post on this subject but it didn't really help. So as the title says we want to make changes about size and color of the "Add to cart"-button in Debut Theme. Can't find it anywhere in the code. a little hint would be very helpful.

 

Thanks

0 Likes
Highlighted
Shopify Partner
1023 214 463

@PatrickU 

 

Send me your store URL so I can check and assist you better.

 

Thank you,

Tejas

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on support@hexaecommerce.com regarding any help
0 Likes
Highlighted
New Member
5 0 0

This is the class name added to the shopping cart button, I hope it is helpful to you
.product-form__cart-submit{
color:
}

0 Likes
Highlighted
Tourist
7 0 1

Sorry this didn't help. I found the command in theme.scss.liquid but changes did not apply. The product site is https://lunashundeshop.de/collections/hundehalsbander/products/hundehalsband-handgefertigt-beauty-in...

 

 

0 Likes
Highlighted
Shopify Partner
380 28 48

@PatrickU 

Can you tell me which color you want to set in button? So according to it I will give you a solution.

Thanks & Regards
Akshay Vaghasiya

Shopify Expert | Skype: akshayvaghasiya84
 - Like and Mark as an Accepted Solution if my reply helpful
 - Feel free to contact me on akshayvaghasiya84@gmail.com for any queries
 - Want to modify or custom changes on store hire me .
0 Likes
Highlighted

Hey @PatrickU,

If you are using debut theme, then you can simply go to the theme customization options and change it.

Under the customize section, you'll find the option under Theme Settings >  Colors > Button
Refer to screenshot to know where to find it. 

SS2.pngSS3.png

In case you want to change the color from the code side, then go to the css file, search for this hex code #2b2c7c. It should mostly be of your button only, change it to whatever color you would like.

Let me know if this helps. 

Cheers,
Vignesh
ModeMagic - Product Labels (Shopify App)

If you found this helpful then please Like and Accept Solution
Install ModeMagic - Product Labels & Badges for your store
Featured on Shopify App Store
0 Likes