Re: Dawn Theme - Get rid of corner border

How to remove corner border on shopping cart button without affecting others?

12ah1ed
Visitor
3 0 0

Hello theres a little problem i cant get rid of. If i hover over my "In the Shopping Cart Button" then there are those little black triangle corners/borders. 

12ah1ed_0-1703366659036.png

Without hovering.

12ah1ed_2-1703366720889.png

I found the problem in the Theme Settings its the option where u can change the border radius. if i change it to 20px the problem is solved but then all other Buttons in my shopify website are 20px rounder. Is there any way to fix it without affecting every other button? 

 

This is the code in my base.css for my shopping cart button. 

 

.product-form__submit {
    background: #0d5a10 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    box-shadow: none !important;
    border: 1px solid black !important;
}

.product-form__submit:hover {
    background: #ffffff !important; /* Hintergrund wird weiß beim Hover */
    color: #000000 !important; /* Textfarbe ändern, falls benötigt */
    border: 1px solid black !important;
}

 

pls help me xD

Replies 2 (2)

niraj_patel
Shopify Partner
2378 514 512

Hello @12ah1ed 
can you  share store URL? 

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

BSS-Commerce
Shopify Partner
3477 463 539

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

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