How can I change font and background colors in a specific theme section?

[Christian_M]

Hello,

I am looking to change the font color and background color using custom CSS for just a section of the theme, specifically the collection section on the link below. I would like to have a gray background with a white font. I can figure it out the right shade of gray later.

I posted this before and I got a solution (see below), but it does not work anymore for some reason. Also, for sold out items, the letters were still black, which customers could not see.

Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/custom.css->paste below code at the bottom of the file:

#shopify-section-template--16710726910167__1634830391d4116e9a {
background: gray;
}
#shopify-section-template--16710726910167__1634830391d4116e9a h2,
#shopify-section-template--16710726910167__1634830391d4116e9a .title,
#shopify-section-template--16710726910167__1634830391d4116e9a .money,
#shopify-section-template--16710726910167__1634830391d4116e9a .from {
color: #fff !important;
}

I use the Turbo Theme 2.0, which provides the option to add custom CSS to just a section: https://jardinfdflowers.com

Would anyone please help me?

Thank you!

[zaczee]

HI,

Can you let us know which section do you need gray background?

[Christian_M]

Hi Zaczee,

The flower delivery section, please see attached. The entire section with
flowers.

The second image shows how it used to be.

Thank you!