black outline of box

Store Design
, ,
1

I have the dawn theme. Im not sure why this looks like this on my check out page. I wanted my landing page to have a white outlined shop now box but now i have these problems. nothing has helped coding wise. please help me out if possible! thank you so much.

Screenshot 2025-07-02 at 9.42.57 PM.png
Screenshot 2025-07-02 at 9.42.57 PM.png2344×996 154 KB

2

Hi @Emmab10

I may find out the issue cause code after checking under inspection mode page.

  1. The product image has been added with round corner CSS:

SEOAntJeffery_0-1751526017981.png
SEOAntJeffery_0-1751526017981.png1920×876 100 KB

  1. The background color of quantity button is incorrect.

SEOAntJeffery_1-1751526080283.png
SEOAntJeffery_1-1751526080283.png1920×876 109 KB

The way to resolve the two issues here is:

  1. Change the round corner related CSS code into border-radius: unset; Like this:

SEOAntJeffery_2-1751526208999.png
SEOAntJeffery_2-1751526208999.png1920×878 98.9 KB

  1. Change the background color from rgb(0, 0, 0) to #fff.

SEOAntJeffery_3-1751526337690.png
SEOAntJeffery_3-1751526337690.png1920×879 104 KB

3

Hi @Emmab10 ,

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.css / based.css file and paste the code in the bottom of the file.
.cart-item__image-container.gradient.global-media-settings {
    background: unset !important;
    border: none !important;
}
quantity-input.quantity.cart-quantity {
    background: #ffff !important;
}

Result:

websensepro_0-1751529950276.png
websensepro_0-1751529950276.png1102×630 33.6 KB

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Use our Big Bulk Discount app to boost your sales! :rocket: (https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!