Cannot remove button border on Dawn theme

Cannot remove button border on Dawn theme

KevP
Tourist
7 0 0

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.

Replies 9 (9)

LeoPham
Shopify Partner
32 2 1

Hi @KevP 

Can you share with me the page url? 

 

banned
KevP
Tourist
7 0 0

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

GemPages
Shopify Partner
5625 1262 1248

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

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
KevP
Tourist
7 0 0

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

BSS-Commerce
Shopify Partner
3477 463 542

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.

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
KevP
Tourist
7 0 0

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

PageFly-Victor
Shopify Partner
7865 1786 3108

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;

}

PageFlyVictor_2-1672991574767.png

 

 

Hope that my solution works for you.

Best regards,

Victor | PageFly

ernestheh
Shopify Partner
3 0 0

Thanks, this worked for me

steviebaa
Visitor
1 0 0

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