Why does border-radius 15px create a weird outline in my code?

Store Design
1

I don’t know why but when I do the border-radius 15px in shopify code. It has this weird outline anyone know how to fix this?

Stoere link: https://psyco-jewelery.myshopify.com/collections/all

JeffRandal1238_0-1675619717461.png
JeffRandal1238_0-1675619717461.png651×142 6.18 KB

2

Hello @JeffRandal1238 ,

It’s the GemPages Support Team and we are glad to assist you today!

I checked your website but I couldn’t find the button such as your screenshot. Could you please share the link that contains the button?

Best regards,
GemPages Support Team

3

Try this link: https://psyco-jewelery.myshopify.com/collections/all

4

Hi @JeffRandal1238 ,

You could please try adding overflow: hidden; for the .button–primary class like that:

GemPages_0-1675670294845.png
GemPages_0-1675670294845.png1915×967 179 KB

Best regards,
GemPages Support Team

5

Hi @JeffRandal1238

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets → section-multicolumn.css

.multicolumn .button {
    overflow: hidden;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly