How can I modify the color of my Add to Cart button in Impulse Theme 3-0-3?

[Haith28]

Hi all. I have several questions. I’m currently using the Impulse Theme 3-0-3 and am wanting to change the color of ‘Add to Cart’ button to my brand color. However, under the Themes Setting I’ve been able to change all button colors except for the Add to Cart. Any help would be appreciated.

Second, on the ‘Shop Now’ page the products aren’t centered. There doesn’t seem to be an option to center the products under Theme Settings.

Thirdly, on the product page the payment options displayed under upsell offer (underneath add to cart button) aren’t centered. How can I center (or even remove) this?

petsnfamily.com

[suyash1]

@Haith28 - on s\hop now page you have this sidebar, which is not allowing page to be full width and hence a lot of space… please open s\hop now page in customizer and check if you have an option to remove sidebar

[suyash1]

@Haith28 - want add to cart like this?

[Haith28]

Yes! Exactly like that.

[Haith28]

Where would I find the code for this? Is it in theme.liquid or else where?

[suyash1]

@Haith28 - for cart button, please add this css to the very end of your theme.scss file , it will look like the screenshot above

.add-to-cart.btn--secondary:before, .add-to-cart.btn--secondary:after, .add-to-cart.btn--secondary {background-color: #064c79; color: #fff;}

[Haith28]

I haven’t been able to figure out how to remove sidebar. There’s no option in customize section either.

[suyash1]

@Haith28 - can you add me to site? I can send collab request

[Haith28]

yea sure thing. Will you send request or should I send to your gmail?

[suyash1]

@Haith28 - i sent the request

[Haith28]

I approved.

[suyash1]

@Haith28 - please clear cache and check this, I changed sidebar to drawer

https://petsnfamily.com/collections/shop-now

[Haith28]

This is so much better, thank you. If I were to add additional products, will it remain centered?

And is there a way to remove the payment options displayed underneath the 'Add to Cart" and “Buy with Shop Pay”

[suyash1]

@Haith28 - you can c\hange number o0f products from t\his settings, it will change for all the collections

[Haith28]

Thanks for your help Suyash, really appreciate it!