Hello, i have rounded corners on my buy button, i would like to delete them. How do i do?
Topic summary
A user seeks to remove rounded corners from their buy button on their Shopify store.
Proposed Solutions:
Multiple support teams and community members suggest adding CSS code to eliminate the border-radius:
- Add the following CSS snippet to the bottom of
assets/base.css:
.button {
border-radius: unset;
}
Implementation Steps:
- Navigate to Online Store → Theme → Edit code
- Locate the
base.cssfile in the assets folder - Paste the CSS code at the bottom of the file
- Save changes
Current Status:
The discussion remains open. The user shared their store URL (chirop.com), and GemPages support provided visual guidance with screenshots showing where to implement the code in the theme’s liquid files. Several responders requested the store URL and password (if password-protected) to provide more specific assistance.
Hello @Lennardb19 ,
It’s GemPages support team and glad to support you today.
Could you please share your store URL ( with the password if your store password is enabled ) then I can see and suggest something for you?
Best regards,
GemPages Support Team
Hi,
Please share your store URL and if your store is password protected then also provide password too.
Thank you.
Please add below css code in bottom of assets/base.css file
.button {
border-radius: unset;
}
Thank you.
Hii @Lennardb19
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css.
Step 3: Paste the below code at bottom of the file → Save
.button {
border-radius: unset;
}
Hello @Lennardb19 ,
I would like to give you the recommendation to support you so kindly follow the steps below:
- Go to Online Store > Theme > Edit code of your current theme
-
Open your theme.liquid theme file
-
Paste the below code before
For example,
If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team