change background colours of multiple sections on one page

Solved
Tourist
13 0 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
Shopify Partner
508 111 153

@kiradullard 

 

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

 

Thank you,

Tejas

Shopify Expert | skype: tejas.nadpara
- Feel free to contact me on support@hexaecommerce.com regarding any help
- Like and Mark as an Accepted Solution if reply helpful
0 Likes
Highlighted
Tourist
13 0 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

Success.

Shopify Partner
508 111 153

@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
- Feel free to contact me on support@hexaecommerce.com regarding any help
- Like and Mark as an Accepted Solution if reply helpful
1 Like
Tourist
13 0 0

Thankyou that worked perfectly!

0 Likes