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 could not find t…

Hi Richard, Thank you for your help, I appreciate it. I used your solution and it works. Would you please tell me if is it possible to change the shade of grey. When I mentioned I knew how to do it, I thought the solution would have the color numbers #… :). I don’t anything about coding. Thank yo…

.section { background-color: grey !important; } h2 { color: white !important; } p{ color: white !important; } Hi, This should do it.

Hey there, if you’re using the custom css box located on the section within the customizer, you can probably target the ‘div’ itself or use the ID of the section. Try simply putting.. div { background-color:grey; color:white; } You can use ‘#ffffff’ hex codes for the colors as well, just replace c…

Hi @Christian_M , This is Richard from PageFly - Landing page builder, I’d like to suggest this idea: 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 { backgroun…

Hi @Christian_M yes you can change Gray to the hex code you want. Example: background: #bbb I hope it would help you Best regards, Richard | PageFly

Hello @BP_Dev I tried your using the code you mentioned above: div { background-color:grey; color:white; } But it only works in the middle of the top bar, no full width, how can I adjust it? [AnaPaola007_0-1678688996462.png] What I am trying to do is to add the following linear gradient to that…

Hi Richard, I hope you can help me! Some apps had to do some changes to their codes to work correctly on Shopify 2.0. I mentioned to them that after the changes, I lost the dark background on the homepage that you helped me with. They said that is besides their scope. The code is still there, but…

You can definitely change the background and font color for just one section without affecting the rest of your theme. Since Turbo 2.0 lets you add section-specific CSS, you can target the collection section directly. For example: /* Target the collection section by its ID or class */ #CollectionSe…

You can achieve that effect without much coding. Essentially, you want the “body” or page wrapper to have a background color, and then constrain the main content to your normal width so the edges show the cream color. For example: body { background-color: #f8f4e6; /* light cream */ } .main-con…

How can I change font and background color in a Turbo Theme 2.0 section using custom CSS?

Store Design

Christian_M March 1, 2023, 5:25pm 8

Hey Richard,

Great, just changed it!

By the way, I checked out your app and it’s fantastic! I have it on my short list now.

Again, thank you so much for your help!

Take care!

1 Like

Topic		Replies	Views
How can I change font and background colors in a specific theme section? Store Design css	2	29	February 20, 2024
Changing Section Background Color with CSS Store Design css	5	949	January 12, 2024
Change background color of different sections in Debut theme Technical Q&A	4	27	September 21, 2021
changing background color of a certain section Store Design css	3	313	September 3, 2024
Changing section background colour Store Design design	7	88	December 4, 2024

How can I change font and background color in a Turbo Theme 2.0 section using custom CSS?

Related topics