A user applied CSS code to add a background image to their Shopify store but unintentionally caused all containers to inherit the same image instead of maintaining solid colors.
The Issue:
.gradient class was applied to the body element, making the textured background appear across the entire siteThe Solution:
.gradient class from specific sections where solid backgrounds were desiredResolution:
The issue was resolved. The helper suggested that for future modifications, the user should either manually identify and remove the gradient class from specific sections in the code, or add background-image: none!important; to particular section classes in the theme.liquid file.
Okay, then keep the gradient class on the body. But, when you don’t need this class, you need to pick the section by yourself from the code and remove the gradient class from there. Like here, the section you mentioned has the gradient class. If you remove the class from this section, you can see the section looks like this.
This is a general solution for you where you need to remove this class from the code manually from the code.
