Modify home page background when using unitheme 2!

Store Builder Questions
1

I want to modify the home page background only the home page without affecting other pages, I am using unitheme2
I tried the solutions provided in other discussions they id not work! any suggestions :roll_eyes:

2

You should add extra class to the body in the index.tpl file and add necessary background to the CSS section of the Theme editor

3

Thanks, under which folder the index.tpl is located! I cant find if I am using unitheme2

4

It is located in the parent theme

design/themes/responsive/templates/index.tpl

5

I added the class in the index.tpl and in the theme editor added the css class
body.homepage-background {
background-color: #1b1b1b !important;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}

I also tried
.homepage-background {
background-color: #1b1b1b !important;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}

Still did not work! am I missing anything!

I was able to do it though by adding a class to all the different elements in the layout page and then adding it to the theme editor:
.darkBackgroundHomePage .container-fluid-row .row-fluid {
background-color: #1b1b1b !important;
background-repeat: no-repeat;
background-size: cover;
}

.darkBackgroundHomePage {
background-color: #1b1b1b !important;
background-repeat: no-repeat;
background-size: cover;
}

6

Looks like there is no ability to set up background just for body. Use new class as parent to add custom styles for child elements