change background colours of multiple sections on one page

Solved
Highlighted
Shopify Partner
55 1 0

Hi,
I'm trying to change the background colour of sections on my page (example first text section blue background, next text section white background). Struggling to find a way to do this any suggestions would be appreciated.

 

Thanks

0 Likes
Highlighted
Shopify Partner
900 193 347

@kiradullard 

 

Send me your store url so I can check and assist you better.

 

Thank you,

Tejas

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on support@hexaecommerce.com regarding any help
0 Likes
Highlighted
Shopify Partner
55 1 0

Hi Tejas,
thanks for your response, the URL is https://antarayogawear.com.au/password

the password is: antara

 

It's the "Our Story" page that I'm trying to target (currently the whole site has the blue backgrounds as the section I've targeted is on each page).

 

Any insight into how to just target a specific area on the Page would be appreciated.

 

Kira

0 Likes
Highlighted
Shopify Partner
900 193 347

This is an accepted solution.

@kiradullard 

 

For "Our Story" page you can add following code in your theme.scss.liquid file to change background colors of multiple sections on one page:

div#shopify-section-page-sections-about .page-blocks > div:nth-child(1) .index-section {
    background-color: #BBD2DA;     /* For 1st section */
}

div#shopify-section-page-sections-about .page-blocks > div:nth-child(2) .index-section {
    background-color: #BBD2DA;     /* For 2nd section */
}

div#shopify-section-page-sections-about .page-blocks > div:nth-child(3) .index-section {
    background-color: #BBD2DA;     /* For 3rd section */
}

Cheers,

Tejas

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on support@hexaecommerce.com regarding any help
1 Like
Highlighted
Shopify Partner
55 1 0

Thankyou that worked perfectly!

0 Likes