Why can't I see my product images after changing the background color?

I would like to change the background color of my product page because I no longer see the sold out or add to cart button, I have tried everything but nothing works…

I succeeded by putting the code:

main#MainContent * {
color: black;
background-color:#FFFFFF !important;

But now I no longer see the images of the products and the images on the site, what should I do?

@rubennetot - can you please share the page link where you have these issues?

yes, https://5fdb24-2.myshopify.com/

thanks for your possible help

@rubennetot - you have used * , which sets css for each and every element, so if you want to set it for particular element then you have to set for that element only

you will have to delete css you used above

So what do i have to do ? i didnt really understand

@rubennetot - to start, please remove the above css

may be your cart and sold out not visible where price is 0?

I took of the * but now when you go to my product page we dont see the title and the price and the button to buy or sold out is weird xD please help me

No the price doesnt change anything

@rubennetot - please add this css for product title and price… also change price from 0 to something else, add to cart may work

.product__title>*{color: #000;}
.price .price-item {color: #000;}
.product-form__submit span{color: #fff;}

everithing is good now, thanks a lot

@suyash1 except for one thing, please go to the product jordan 4 pine green , i put a random price and the button to buy is still black

I fugure it out now sorry xD thanks

1 Like

@rubennetot - welcome, please accept above message as solution and do let me know if you need anything later, you have my email below.