Add padding between buttons on Impulse theme

Store Design
, , ,
1

Screenshot 2024-11-04 at 8.47.35 AM.png
Screenshot 2024-11-04 at 8.47.35 AM.png2252×1696 374 KB

I have added a couple of buttons on my product pages, but I want to add padding between to match the other buy buttons. I am using the Impulse theme. Thanks!

2

Hi @DBrown2 ,

To add padding between buttons on your Impulse theme product page:

Go to Shopify Admin > Online Store > Themes > Edit Code.

Open Assets > your CSS file (like theme.scss.liquid or styles.css.liquid).

Add this CSS at the bottom:

.custom-button-class {
    padding: 10px 20px;
    margin-bottom: 10px;
}

Replace .custom-button-class with your button’s actual class. Save and adjust as needed to match other buttons.

Got it! If you found my suggestions helpful, please consider liking or marking it as a solution.
Your feedback is appreciated! If you have any more questions or need further assistance, just let me know.

Thanks & Regards
Akshay Bhatt

3

Unfortunately, that did not work. I went to the bottom of theme.css.liquid and pasted this:

.btn btn--full add-to-cart btn--secondary btn__text {
padding: 10px 20px;
margin-bottom: 10px;
}

I used the same button class that I did when I created the buttons. Could the issue be that it is the same class as the buy button and there is something overriding the custom code?