How can change background color of each section on the motion theme

How can change background color of each section on the motion theme

Farouk150
Shopify Partner
1 0 1

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?

Replies 2 (2)

CodingFifty
Shopify Partner
616 98 118

Hi @Farouk150,

 

To change the background color of each section in the Motion theme, follow these steps:

1. Login to Shopify Admin

  • Go to Online Store > Themes and select your Motion theme.
  • Click Edit Code.

2. Add CSS Code

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;
}

3. Save Changes

Save the changes and refresh your store to see the updated background colors.

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com

Made4uo-Ribe
Shopify Partner
9885 2354 2953

Hi @Farouk150 

Please, share your store URL. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.