How can I alter the homepage background color on my website?

[sao]

Hi,can you please help me change the background color of my website but only on homepage?

link: www.aiciavem.ro

[GabrielS · Accepted solution]

Salut,

You can change the homepage background by adding a custom CSS to your custom.css file, similar to the below:

#magazin-online .shopify-section, #magazin-online carousel-products {
background:red !important;
}

Cheers!

[sao]

Mersi frumos Gabriel! Men , te rog mult as mai avea niste probleme si caut un om bun sa ma ajute ,stabilim sume tot,te rog eu haide sa vorbim in privat

[Spac-es]

To change the background color throughout your homepage, it's important to note that there isn't a single code that handles this, as each section you add has its own background color. To achieve this, you need to update this value in all your sections. Here's the code you can add to your theme.liquid before the closing </body> tag:

{% if template == 'index' %}
<style>
  :root {
    --theme-body: darkcyan !important;
  }

  carousel-products.d-block {
    background-color: darkcyan !important;
  }

  #shopify-section-template--20788594868550__2045192c-f354-4a72-af68-25735e4f81d2 div.container {
    background-color: darkcyan !important;
  }
</style>
{% endif %}

Result: