Shopify themes, liquid, logos, and UX
How can change background color of each section on the motion theme?
The background color I used is black, but I want to break it with white on product grid, featured product and collection.
Can someone help?
Hi @Farouk150,
To change the background color of each section in the Motion theme, follow these steps:
In your theme.scss.liquid or base.css file, add the following code:
/* Product Grid Section */ .product-grid { background-color: white; /* Change to any color you want */ } /* Featured Product Section */ .featured-products { background-color: white; } /* Collection Section */ .collection { background-color: white; }
Save the changes and refresh your store to see the updated background colors.
Hi @Farouk150
Please, share your store URL. Thanks!
Learn what's possible with customizing Shopify Checkout beyond what's available out of...
By Shopify Feb 19, 20252m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025