How can I set a unique background for the Home page on Debut Theme?

Store Design
1

Hello guys,

I am trying to implement a background but only for the home page and not on every single page.
I already tried some solutions given in the forum but they dont work on my theme or are outdated.

https://firmberlin.myshopify.com/ This is my page, when clicking on Shop I just want a white background. I already tried some css but apparently it doesnt work on my them “Debut”

Thanks in advance, the password for the store is “betroh”

2

Hello There,

1.In your Shopify Admin go to online store > themes > actions > edit code
2.Find Asset >theme.scss.css and paste this at the bottom of the file:

div#shopify-section-collection-template {
background-color: #14c5ce;
}
3

hello @itzlipp1

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

#shopify-section-collection-template {
    background-color: #eaf9eb !important;
}
4

Hey and thanks for the fast support.

Now the Page background is working but the header and footer which is transparent are still showing the background image of the home screen.

https://firmberlin.myshopify.com/collections/all password: betroh

#shopify-section-collection-template {
    background-color: #eaf9eb !important;
}

body {
  background-image:url('https://cdn.shopify.com/s/files/1/0581/7306/3343/files/Unbenannt.png?v=1626807590');
}

#shopify-section-product-template {
    background-color: #eaf9eb !important;
}

thats how the buttom of my theme is looking right now

5 
Try adding this: 

#shopify-section-collection-template{
      background-image: none !importent;
}

#shopify-section-product-template {
     background-image: none !importent;
}
6

Hey, this didnt do anything unfortunetly

7

hello @itzlipp1

can you please share screenshot which file insert code

8

Unbenannt.PNG
Unbenannt.PNG1903×982 118 KB

9 
Sorry man it's not easy when you don't have access to the admin and the code. Try this -> first delete what I wrote you to add to your "theme.css". And after that go to your "theme.liquid" file and inside of head tag add this code: 

{%- unless request.page_type == 'index' -%}
    
{%- endunless -%}

This code you can add at the very end of the head tag. I think it will work. There is certainly a better way to solve this... If this doesn't work for you, feel free to contact me by e-mail.