Need cart checkout button border outline removal

Store Design
1

Hi, I have done the coding for the cart checkout button to make it look how I want, but there is still a black border box around the button that I don’t know how to remove. Would love you if you could tell me how to get this fixed.

checkout.jpg
checkout.jpg428×156 8.49 KB

2

Hi @9INE

Try this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
button#CartDrawer-Checkout:after {
    box-shadow: none !important;
}
3

Thank you! You are a savior

4

It’s happening too with my frequently added together app, the same black box is appearing. Do you know how to fix this one?

add selected.jpg
add selected.jpg535×373 12.1 KB

5

Try this one same instruction.

#MainProduct-template--20732448964881__main > div.cbb-frequently-bought-container.cbb-desktop-view .button:after {
    box-shadow: none !important;
}

And Save.

Result:

Made4uoRibe_0-1696330988953.png
Made4uoRibe_0-1696330988953.png1061×393 133 KB

6

Thank you :heart:

7

Hi I just noticed that the fix for frequently bought together only worked for desktop. How do I make it work for mobile as well?