Hi, I am using the following code below to maintain the header in one background and have another background image for the Default home page. However, the latter applies to all the other pages which I dont want to.
What is the code to ONLY have a specific background image in the main page? And keep the rest of pages transparent background.
Current code:
.gradient {
background: var(–gradient-background);
background-attachment: fixed;
background-image: url([url of image]) !important;
background-color: transparent !important;
background-position: center !important;
background-repeat: no-repeat;
background-size: auto !important;
}
.header-wrapper{
background-image: url([url of image]);
background-repeat: no-repeat;
background-size: cover;
}
/* Start /
header.site-header {height: 185px !important;}
@media only screen and (max-width: 768px){
header.site-header {height: 100px !important;}
.header-logo .lazyload__image-wrapper {max-width: 110px !important; }
header.site-header .header-logo { margin: 15px auto !important; }
header.site-header .site-header–text-links, header.site-header .site-header–text-links p {margin-bottom: 0px !important;}
}
/ End*/
Thank you!