How do I add a different background to each of these custom content sections?

sailorweeb97
Tourist
7 0 3

ttt shopify.png

 

How do I add a different background to each of these custom content sections? Thank you very much.

Note: I added the green line to the image so that I could separate the two images for the sake of this question. It's not actually on the site. 

 

KetanKumar
Shopify Partner
18709 1968 6929

@sailorweeb97 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
suyash1
Shopify Partner
2863 306 475

@sailorweeb97 - both sections need separate css code to add background, can you please share website link?

You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
0 Likes
sailorweeb97
Tourist
7 0 3
0 Likes
KetanKumar
Shopify Partner
18709 1968 6929

@sailorweeb97 

thanks for it please add this code

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

#shopify-section-16201465810ebeeb55 {
    background: #87cefa; /* change color as you like */
    padding: 40px 0px;
    margin: 0;
}
#shopify-section-162014468955bb93f5 {
    background: #000000; /* change color as you like */
    padding: 50px 0px;
    margin: 0;
}

 

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
sailorweeb97
Tourist
7 0 3

@KetanKumar do you also know know  by chance how to make my looping hero video fully extend to the sides and meet the other sections?

KetanKumar
Shopify Partner
18709 1968 6929

@sailorweeb97 

do you mean like this?

KetanKumar_0-1620747683959.png

 

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
sailorweeb97
Tourist
7 0 3

Yes Thank you 

0 Likes
sailorweeb97
Tourist
7 0 3

Would you mind telling me what code I need to insert and where I need to insert it?

NerdCurator
Shopify Partner
251 49 84

@sailorweeb97 You need to add this code in the theme files. For which you need to go to Online Store > Actions (Active theme) > Edit Code > Assets, under assets add the code at the bottom of theme.scss.css file.

 

.custom-hero video{object-fit: cover; }

 

Believes in delivering optimizing web solutions | Shopify Partner | Working as a web developer for last 8+ years.
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email me: info@nerdcurator.com
0 Likes