Cannot remove button border on Dawn theme

My solution was what I saw while finding answers for the problem I have:

.button {
border: none !important;
}

placed it on the base.css file and it did not work.

I also need to change the color of the header “shop-all” button but it doesn’t work as well. I go “inspect element” to try to find the class of the element and find that class in the source code but I cannot usually find it. I am still new to playing around with the code but I have dev experience. EDIT: I actually found the header buttons class and was able to customize the CSS but still it’s been impossible to remove the borders.

Hi @KevP

Can you share with me the page url?

Hello @KevP

Could you please share your store url ( with pass if your store password is enabled ) then I can see and suggest something for you?

Best regards,
GemPages Support Team

Hi @KevP

Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution.

Hi Thank you all for the reply. https://keme-candles-2.myshopify.com/

Hi Thank you all for the reply. https://keme-candles-2.myshopify.com/

Hi Thank you for the reply. https://keme-candles-2.myshopify.com/

Hi @KevP

This is Victor from PageFly - Landing Page Builder App

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:after {

box-shadow: none !important;

}

Hope that my solution works for you.

Best regards,

Victor | PageFly

1 Like

Came across the same issue. You want to remove the offset of the border in your current button class selector. border-offset: 0;

Thanks, this worked for me