Debut theme - Have homepage background black but product pages background white

Store Design
1

Hi there ,

Is there a way to have the home page background black but the background on all other pages be white ?

1 Like
2

@etetava24

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

1 Like
3

https://trendidressrentals.com/

Thanks for your help

1 Like
4

@etetava24

thanks URL but its password protect

1 Like
5

Please follow the steps:

  • Step 1: Go to Online store > Themes > Actions > Edit code.
  • Step 2: Go to Assets > theme.css and paste this at the bottom of the file:
    // For homepage
    .template-index{
    background-color: #000;
    }
    // For other pages
    body:not(.template-index){
    background-color: #fff;
    }
1 Like
6

Hi @LitExtension ,

I’ve pasted that code and it still isn’t changing the background on all other pages . We want the home page to remain black - while our product pages change to white .

Here is our website https://trendidressrentals.com

Password is : freoli

7

Hi @KetanKumar ,

Password is “freoli”

1 Like
8

@etetava24

thanks can you please try this

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
    this code apply for after 5 - 6 second
body {
    background: #fff !important; /* other pages */
}
body.template-index {
    background: var(--color-body) !important; /* home page */
}
1 Like
9

@KetanKumar Thank you so much that worked perfect .

1 Like
10

@etetava24

it’s my pleasure to help us

1 Like