Solved

How can I add different colors to multicolumn sections?

collins276
Trailblazer
213 1 32

Hi guys,

I have two multicolumn sections (they have no id). How can I add separate colors to them?

Pls check my url:  https://189ee3-2.myshopify.com/

Thank you,

 

 

Accepted Solutions (2)

Dan-From-Ryviu
Shopify Partner
7729 1507 1515

This is an accepted solution.

Every section has an ID 

Screenshot 2024-04-05 at 11.22.52.pngScreenshot 2024-04-05 at 11.23.21.png

- Helpful? Like and Accept solution or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

PageFly-Henry
Shopify Partner
1090 312 265

This is an accepted solution.

hi @collins276 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save


#shopify-section-template--16762544783542__featured_collection .collection.section-template--16762544783542__featured_collection-padding {

    background: radial-gradient(black, transparent);

}

#shopify-section-template--16762544783542__multicolumn_AfzMTV .multicolumn.color-background-1.gradient.background-primary.no-heading {

    background: aliceblue;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 2 (2)

Dan-From-Ryviu
Shopify Partner
7729 1507 1515

This is an accepted solution.

Every section has an ID 

Screenshot 2024-04-05 at 11.22.52.pngScreenshot 2024-04-05 at 11.23.21.png

- Helpful? Like and Accept solution or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

PageFly-Henry
Shopify Partner
1090 312 265

This is an accepted solution.

hi @collins276 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save


#shopify-section-template--16762544783542__featured_collection .collection.section-template--16762544783542__featured_collection-padding {

    background: radial-gradient(black, transparent);

}

#shopify-section-template--16762544783542__multicolumn_AfzMTV .multicolumn.color-background-1.gradient.background-primary.no-heading {

    background: aliceblue;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.