Shopify itself changed the background to black on several pages

[Timston]

Hello, one day I went to my shop www.wearthyorganic.com and it turned out that for some reason the background changed from white to black on the “All Products” pages and on each product page separately. I didn’t make any changes or download any new apps. The code I found changes the color only of the background (but needed also of the text to black):

main#MainContent { background-color: white; }

How can this be fixed?

[websensepro]

Hi, @Timston .

Follow These steps,

Go to the online store theme and go to base.css file paste the code mentiond below.

section#MainProduct-template--20339156746569__main {
    background: white;
    max-width: 100%;
    color: black;
}

.product__title>* {
    color: black;
}

.share-button__button {
    color: black;
}

Result:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

[Timston]

Hello, generally works, but a few problems remain:

1. How to change the “Quantity” button?

2. How to change the color on the “All products” page (from the main page go to “Shop”)?

[websensepro]

Add these Css.

quantity-input.quantity {
    background: #8f8f8f;
}

div#shopify-section-template--20339156189513__product-grid {
    background: white;
}

If I managed to help you then, don’t forget to Like it and Mark it as a Solution!