Brooklyn: Change background color section

Solved
Sylvia90
Tourist
11 0 1

Hi all! 

I am so sorry that this is the 10th time that the same question is going to be asked, but none of the earlier solved solutions worked for me.

I would like to change the background color in the full width of a few sections of my front page.

As a solution I've read a few times to "find the section number" of that particular section and then add it in a code at the bottom of the theme.liquid. ,but I fail to understand how I can identify the section number of the sections.

My website is www.jksmit.nl en the password is krahgg

Thanks in advance!

Accepted Solution (1)

Accepted Solutions
Tejas_Nadpara
Shopify Partner
1034 215 518

This is an accepted solution.

@Sylvia90 

 

Go to the theme.scss.liquid file and add the following code at the end of file:

div#shopify-section-1579773831838 {
    background: #ddd;
}
div#shopify-section-1587894146197{
   background: #000;
}

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

View solution in original post

Replies 10 (10)
Tejas_Nadpara
Shopify Partner
1034 215 518

@Sylvia90 

 

Let me know for which section would you like to change background color?

 

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
Sylvia90
Tourist
11 0 1

Hello Tejas!

Thank you for your reply.
I'd like to change the backgroundcolor of the section where it says "132 years of experience"..
And then the part under the products that now has two circles in black squares.

Tejas_Nadpara
Shopify Partner
1034 215 518

This is an accepted solution.

@Sylvia90 

 

Go to the theme.scss.liquid file and add the following code at the end of file:

div#shopify-section-1579773831838 {
    background: #ddd;
}
div#shopify-section-1587894146197{
   background: #000;
}

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

View solution in original post

Sylvia90
Tourist
11 0 1

Worked as a charm! Thank you so very much Tejas!

Stephanie073
New Member
6 0 0

I'm trying to do the same thing but it doesn't work. I'm trying to do it for my page https://stylenceapparel.com/pages/about-us for my section «our mission» and «our vision» and change it to #708472

My theme is parallax from sand box

 

can you help? thanks!

Tejas_Nadpara
Shopify Partner
1034 215 518

@Stephanie073 

 

Go to the Assets > styles.scss.liquid file and add following code at the end of file:

div#block__1594925691567, div#block__1594926100457 {
    background-color: #708472;
}

 

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
Stephanie073
New Member
6 0 0

@Tejas_Nadpara OMG IT WORKED !!!! YOU JUST SAVED MY LIFE LOLLLL

 

now, how can I change the color of the text of just the text of those sections ? 

 

Thank you so so much!

Stephanie073
New Member
6 0 0

@Tejas_Nadpara  I succeeded in finding the # of the block of another page I wanted to switch by myself. On the home page thought I can't find the id block, only gibes me the Shopify section and when I code it it doesn't work....

Tejas_Nadpara
Shopify Partner
1034 215 518

@Stephanie073 

 

For which section you want to change the color, send me the screenshot.

 

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