Why did my product page background turn grey?

[denisetanyx]

I need help with my product page background color. It used to be white background with black words.

[David_SHT]

Hi @denisetanyx

This is David at SalesHunterThemes.

Thank you for your question.

Please share your store URL, page URL and also password (if your store has one) so we can help you.

[Moeed]

Hey @denisetanyx

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

[denisetanyx]

URL: https://gnomonprivatelounge.com/

PASSWORD: HELLO

Please select catalog and click in any of the product. Thanks!

[denisetanyx]

URL: https://gnomonprivatelounge.com/

PASSWORD: HELLO

Please select catalog and click in any of the product. Thank you!

[Moeed]

Hey @denisetanyx

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

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

Best Regards,
Moeed

[denisetanyx]

I realize the changes for normal product page but the first item “tributo” which I created a theme myself is still with grey background but words changed to black.

[David_SHT]

Hi @denisetanyx
have you try to check theme settings?

[denisetanyx]

Yes I’ve tried. I change it to white but the font can’t be seen as they are still white. I compare my theme setting with the default Dawn setting is exactly the same. So not sure what happened.

[oscprofessional]

Hello @denisetanyx

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

section#shopify-section-template--20891949236523__main {
    background: #fff !important;
}
p.product__text.inline-richtext.caption-with-letter-spacing {
    color: #000 !important;
}
.product__title>* {
    color: #000 !important;
}
span.price-item.price-item--regular {
    color: #000 !important;
}
.product__tax.caption.rte {
    color: #000  !important;
}
.rte a {
    color: #000 !important;
}
.product__text {
    color: #000 !important;
}
.product__info-container>*+* {
    color: #000 !important;
}

[David_SHT]

Hi @denisetanyx
you need to change both the background color and Text color.
If it still not work,

Follow this path:

Themes => edit code => asset => base.css

and add this code to bottom of the file base.css

.gradient{
--gradient-background: 255,255,255
--color-foreground: 0, 0, 0	
}

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

David | SalesHunterThemes team

[denisetanyx]

@David_SHT @oscprofessional @Moeed Thank you so much of your time guys! The problem is solved.

[Moeed]

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.