Remove Single product background from mobile

Hello,

I added a color code to a product under single product background. Now I try to change the color from grey (desktop) to white (mobile) but when I add the following code

.single-product .main-page-wrapper {
    background-color: #fff;
}

into the mobile CSS section in the theme options, nothing happens. It’s still grey.

Thanks for your help
Regards
Andreas

Hello,

Please try adding the following Custom CSS in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.

.single-product .main-page-wrapper {
    background-color: white !important;
}

Best Regards

Hello Aizaz,

works very well.

Thank you
Regards
Andreas

Hello Aizaz,

sorry but unfortunately it seems your code isn’t working. I also changed it to #fff just to try it but even with that.

Would be nice when you can have a closer look at it.

Thank you
Regards
Andreas

Hello,

I have logged into your website. How did you add the grey background color to the single product page for desktop??

Because the CSS you added seems to be causing the issue. Please remove the CSS you added then check back.

If the problem continues then deactivate all the third party plugins and tell me then we will troubleshoot with the theme plugins.

Best Regards

Hello Aizaz,

I added the grey background in the product at PRODUCT DESIGN & COLOR OPTIONS

Attachments:

You must be logged in to view attached files.

The ticket can be closed. I switched back to the white BG on all pages

Hello,

We are Glad that you managed to find the solution for yourself..

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts