Get rid of gray rectangle when "add to shopping bag" is clicked

Store Design
, , , ,
1

Hi guys,

My website: seraneeva.com

How can I get rid of the gray rectangle when “add to shopping bag” is clicked. I would really appreciate any help!

Pic for reference:

Screenshot 2024-06-03 at 7.10.40 AM.png
Screenshot 2024-06-03 at 7.10.40 AM.png2678×1360 224 KB

2

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the custom.css file and remove the code I marked

AnneLuo_0-1717422321602.png
AnneLuo_0-1717422321602.png1347×1055 102 KB

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

3

Hi @flammagreg ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

Step 3: Insert the below code at the bottom of the file → Save

.product-details-wrapper .btn:before {
      background-color: transparent !important;
    }

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes: