Change text/background color per section

Solved
StatementCph
Tourist
22 0 0

Hi everyone,

 

I need to change the color of the text and of the background in some of my sections in the homepage. What sould I do?

Specifically I need to change colors in the sections: about us, reach text and Instagram feed.

 

0 Likes
Guleria
Shopify Partner
1308 269 362

Hello,

 

You can simply change them with css, you have to just keep the unique id or class of that specific section and add css for it.
 e,d my section class="test" then my css code should be 
.test{

background: #000;

color: #fff;

}

Alternatively you can hire someone who create dynamic option in your homepage  section settings to change background and text color.
In this way you don't have to edit the code again and again.
If you want, you can drop me an email for this and we'll discuss further.
Thanks
 

Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1
If helpful then please Like and Accept Solution.
StatementCph
Tourist
22 0 0

I have already tried adding this code to the bottom of the theme.scss.liquid page. 

}
div#shopify-section-1579315661571 {
background-color: white;
}

 

But it didn't work. I tried different codes suggested in older topics here but none of them worked..

0 Likes
Guleria
Shopify Partner
1308 269 362

This is an accepted solution.

// About Us
div#shopify-section-feature-row {
    background: #fff;
    color: #000;
}

div#shopify-section-feature-row p {
    color: #000;
}


// Rich text

div#shopify-section-1585142377805 {
    background: #fff;
    color: #000;
}
div#shopify-section-1585142377805 p {
    color: #000;
}
Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1
If helpful then please Like and Accept Solution.
StatementCph
Tourist
22 0 0

Very useful! thank you very much

0 Likes
ZivHodiva
Explorer
45 5 10

Hi,

I'm using Brooklyn theme, 

can you please assist by providing the code to change the background color for the text section of product pages?

 

Thanks,

Ziv

0 Likes
JPaul
New Member
2 0 0

How could I apply this in my product description? I’m trying to make it similar to how it is on dropbottle’s site where some parts have a pink background and other have a white background, it’s all within the product description. 

 

I’ve already tried using <div style... and <body style...> but it’s not working. Anybody know what I can do?


0 Likes
GSR0406
Tourist
4 0 0

Hi,

Looking for the same solution for my store for couple of sections as well. Can you please help?

 

0 Likes
Guleria
Shopify Partner
1308 269 362

You can follow above solution, you have to just change css a/to your theme html.
But if your requirements are different and you are not sure how to implement it, then you can reach me through email.
Thanks

Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1
If helpful then please Like and Accept Solution.
0 Likes
GSR0406
Tourist
4 0 0
Thanks for the prompt reply. I'm not sure how to implement it. I have also
dropped you a mail from my personal account. Please check and let me know.

- Aman
0 Likes