Solved

Dawn theme - change backgound of products collection

laplumeofficial
Tourist
6 0 2

Hi guys,

 

I would like to change background on main page - Products collection (Featured collection).  I would like in beige as well. Maybe we can help me?

 

Link - https://laplume.pl

 

56F3D2D5-0561-4786-B2B9-C63DD4E0BA21.png

Accepted Solutions (2)
KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@laplumeofficial 

yes please try this code 

#shopify-section-template--14153066774583__16374263845fb3df99 {
    background: #edddcd;
    padding-top: 1px;
    padding-bottom: 60px;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

diego_ezfy
Shopify Partner
2936 562 883

This is an accepted solution.

@laplumeofficial, do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:

 

[id*='shopify-section'] .collection{
    background: #edddcd;
    padding-top: 1px;
    padding-bottom: 20px;
}

 


Kind regards,
Diego

◦ Follow my blog & youtube for coding tutorials. Most questions in here are already answered there!
◦ Top #4 Shopify Expert, 24h reply. Click here to hire me.
Download copy/paste code snippets that can replace most apps.

View solution in original post

Replies 6 (6)

KetanKumar
Shopify Partner
36839 3635 11972

@laplumeofficial 

yes please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

.collection-list-section {
    background: #edddcd;
    padding-top: 1px;
    padding-bottom: 60px;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
laplumeofficial
Tourist
6 0 2

Hi,

 

I mean a featured collection, not a collection list. Your code worked. But I think we will change the code.

.collection-list-section {

 

On featured collection? 

I don't know what it is called in the code.

 

Check this out - Section Featured Products

https://laplume.pl/en

 

Thank you for help.

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@laplumeofficial 

yes please try this code 

#shopify-section-template--14153066774583__16374263845fb3df99 {
    background: #edddcd;
    padding-top: 1px;
    padding-bottom: 60px;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
laplumeofficial
Tourist
6 0 2

Thank you so much. You're so talented and helpful! 

May I have a few more questions? Should I start a new topic?

KetanKumar
Shopify Partner
36839 3635 11972

@laplumeofficial 

yes, please let me know how can i more help as you live if create new topic!

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

diego_ezfy
Shopify Partner
2936 562 883

This is an accepted solution.

@laplumeofficial, do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:

 

[id*='shopify-section'] .collection{
    background: #edddcd;
    padding-top: 1px;
    padding-bottom: 20px;
}

 


Kind regards,
Diego

◦ Follow my blog & youtube for coding tutorials. Most questions in here are already answered there!
◦ Top #4 Shopify Expert, 24h reply. Click here to hire me.
Download copy/paste code snippets that can replace most apps.