How to get rid of white box on main product hero image?

HI!

I have this white rectangular box on below main product hero page. It appears on the “collection” page but not the product page. How do i remove it?

PRODUCT PAGE

COLLECTION PAGE

Hi @elisasskein

You can try adding this css rule to the bottom of theme.css

.product--sale {
  display: none;
}

where can I find the theme.css?

Online Store—> Themes —> Actions–> Edit code —> Assets —> theme.css

Always make sure to back up the older copy of the css code before making any edits.

In case you are not comfortable making code changes, you can reach out to https://experts.shopify.com/

OMG IT WORKED!! thank you so much!!

1 Like

H, I can’t find theme.css in the assets section. What can I do now?

Idk if you still have the problem but if you do try going to theme settings (where you edit your store and you can change what colour accent 1 is etc) and go down to badges and try changing the sale badge colour because for me I had the same problem and that fixed it. It might not work for you idk but hopefully this helps.

2 Likes

Hello my friend, Thank you so much 1000 times. It works. I was searching to fix that many times and now I got the solution. Thank you so much. Love you. I changed the badge color. Now, all okay! :heart:

1 Like

No problem friend, happy to help someone out.

1 Like