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

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. 


Without hovering.


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)

Shopify Partner
1614 299 322

Hello @12ah1ed 
can you  share store URL? 

Techlyser || 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-

Shopify Expert
3477 462 523

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 or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development