How to edit buttons in featured section + product page

How to edit buttons in featured section + product page

courtsideasia
Visitor
1 0 0

Hi everyone,

The buttons on my site are horrendous and I cannot find a way to edit them. Please help because I'm slowly going insane! Currently using the free "whisper" theme generated from some keywords, I reckon its the dawn theme just redone.

Website - www.courtsideasia.com

I've attached photos of my buttons - I'd like to make them much smaller on the featured section and on the product page. Would also be great to increase the spacing between products if possible. 

 

Thank you in advance!!Screenshot 2024-08-30 at 6.47.50 PM.pngScreenshot 2024-08-30 at 6.54.05 PM.png

Reply 1 (1)

Sweans
Shopify Partner
429 89 128

Hi @courtsideasia ,

To adjust the size of the buttons on your featured section and product page, you'll need to modify the theme code. Follow these steps:

 

1. In the theme customization panel, locate and open the custom CSS section.

Sweans_0-1725018747169.png

2. Insert the following CSS code:

 

.quick-add__submit {
    min-width: unset;
    max-width: max-content;
    margin-inline: auto;
}

 

After applying the changes, you should see the buttons resize accordingly.

Sweans_1-1725018775418.png

I hope this helps! If it does, please like it and mark it as a solution! 

If you need further assistance, feel free to reach out!

Regards,

Sweans

- Was my reply helpful? Please Like and Accept the Solution or let me know by Buying me coffee!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me at info@sweans.com regarding any help.
- To know more about me check out www.sweans.com