Change corner rounding of button on product page

monomgroup · ‎10-31-2022

Hi community!

we are looking to change the corner rounding of buttons on product page to 2 pxl.

shop url: monochromatism.shop

Thanks in advance!

Cheers,

monochromatism-team

KetanKumar · ‎10-31-2022

@monomgroup

yes, please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

.button:after, .shopify-challenge__button:after, .customer button:after, .shopify-payment-button__button--unbranded:after {
    border-radius: 100px !important;
}
.shopify-payment-button__button {
    border-radius: 100px !important;
    overflow: hidden;
}

If helpful then please Like and Accept Solution. Partnership of your ☕️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

monomgroup · ‎11-01-2022

Thank you @KetanKumar that works for the main buttons, but not for the sizing and color symbols. Pls see screenshot from previous post. Is there a way of changing this as well?

Many thanks in advance

Change corner rounding of button on product page

Change corner rounding of button on product page

Community Blog Articles