How to Change Background Color of Homepage Only?

[IlluminateLabs]

We're changing our homepage image and want to change the background color to match. Our site is Brooklyn theme (Version 12.0.2). This feature isn't offered in "Customize" so it'll need to be custom-coded. I've tried a few things that didn't work. Does anyone have an idea how to institute this change?

[paramSoft · Accepted solution]

Please place this code at the end of index.liquid file

<style>
{% if template == 'index' %}
body {
background-color: #ededed; /* color hexcode   */
}
{% endif %}
</style>

[IlluminateLabs]

Worked perfectly. Thank you so much!

[paramSoft]

Please accept it as solution

[Olivier7]

Hi @paramSoft,

How can I do the same for mobile version? Your solution only worked for desktop version.

Thank you

[paramSoft]

Please provide website url