Change color of section on homepage - using Minimal Theme

[sammii18]

I have been trying to change the background colour of the custom HTML section on my homepage (using minimal theme) but everything I have tried doesn’t seem to work or changes the background color of the whole homepage? Site is www.littlelovebugclothing.com.au and it’s the section - sale on now (custom HTML) can you please advise what I should be entering and whereabouts? Thank you in advance

[ThomasBorowski · Accepted solution]

The following tutorial assumes your're using Minimal 10.1.1 or that the relevant code in the version of your theme you're using is the same or at least similar.

Please be sure to make a backup of your theme before you make any changes to the code!

Go to the theme editor (Online Store -> Themes -> Actions -> Edit code) and open the file custom_html.liquid in the Sections folder. Replace the entire contents of that file with the code from this URL: https://raw.githubusercontent.com/tomatic/shopify-section-mods/master/Minimal/Sections/custom_html.l...

That will let you set an optional background color for the Custom HTML section. It also adds some padding to the section when a background color is set.

[ThomasBorowski · Accepted solution]

The following tutorial assumes your're using Minimal 10.1.1 or that the relevant code in the version of your theme you're using is the same or at least similar.

Please be sure to make a backup of your theme before you make any changes to the code!

Go to the theme editor (Online Store -> Themes -> Actions -> Edit code) and open the file custom_html.liquid in the Sections folder. Replace the entire contents of that file with the code from this URL: https://raw.githubusercontent.com/tomatic/shopify-section-mods/master/Minimal/Sections/custom_html.l...

That will let you set an optional background color for the Custom HTML section. It also adds some padding to the section when a background color is set.

[sammii18]

Thank you so much it worked perfectly! As a newbie I really appreciate your help and super fast reply  thank you 

[sammii18]

Absolutely perfect - exactly as I had hoped - have been trawling for days to find a solution, really appreciate the super quick and easy to follow instructions thanks again!

[Jasoliya]

My pleasure, mark as solution so user get exact answer when he search. 

[ThomasBorowski]

@Jasoliya As you state yourself, your code will only work in this single, particular case, so calling it a solution might be a bit confusing for anyone who finds this post later on and tries it on their theme.

[Jasoliya]

Hi @ThomasBorowski  yes, you are right, that's why i have noted bellow my post and there are no other way to solve this with console.

[Cherizzle]

Since this seems to be theme specific can someone help me out with the same for the Brooklyn theme> I found out how to do it for the rich text sections but not the customer html. 

Thank you!

Brad new at this....

[Jasoliya]

Send your store url and let me know on which section you want to change color 

[Cherizzle]

Thank you for your reply. I decided to use a different theme. 

[Jaken]

How would you do this on minimal theme for rich text, slideshow or image with text sections? Thanks

[Levelnaturals]

Hi There, 

Trying to update my homepage with several different color blocks as you scroll down the page. Does anyone know how to do this? website is www.levelnaturals.com 

Thanks in advance for your help! 

Shay

[Jasoliya]

Hi

Send me store url and password if any then send me section on which you want to change color. 

[Noah415]

Hello, need to do the same. Add a color block (light grey) to a section of the homepage. How can I do this?

thanks!

noah

[Jasoliya]

Send em store url

[Jasoliya · Accepted solution]

Hi,

Follow this:

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

#shopify-section-1559291747590{background-color: #eae1d8;}

Note: This is not solution as i sent using just console, but it work well, if you remove this section and add again it will no longer work.

Let me know if you need help.

[WildOne]

Hi, can I use this on my page? I am trying to add some blocks of grey to my homepage 

Thank you