CSS problem with background header image
I have one background image on my home page that is set up in the css style sheet -
.header {
text-align: center;
/*background:url(../img/pw_maze_black_2X.png) left top repeat;*/
/*background: url(../custom/thread-web-1.jpg) left top;*/
/*background: linear-gradient( rgba(255,255,255, 0.65), rgba(255,255,255, 0.65)), url('../custom/thread-web-1.jpg');*/
background: linear-gradient( rgba(0,0,0, 0.2), rgba(0,0,0, 0.2)), url('../custom/thread-web-1.jpg');
background-size: cover;
/*padding: 280px 0;*/
padding: 100px 0 250px;
}
I am looking to change the background image for a particular page and was told to add this code in the style sheet -
#header_carhartt {
text-align: center;
/*background:url(../img/pw_maze_black_2X.png) left top repeat;*/
/*background: url(../custom/thread-web-1.jpg) left top;*/
/*background: linear-gradient( rgba(255,255,255, 0.65), rgba(255,255,255, 0.65)), url('../custom/carhartt-1.jpg');*/
background: linear-gradient( rgba(0,0,0, 0.2), rgba(0,0,0, 0.2)), url('../custom/carhartt-1.jpg');
background-size: cover;
/*padding: 280px 0;*/
padding: 100px 0 250px;
}
And then to add this code to that particular page following the "body" tag -
<div style="overflow:hidden;">
<header class="header" id="header_carhartt">
<!--header-start-->
<div class="container">
<figure class="logo animated fadeInDown delay-07s">
<a href="#">
<img src="custom/muellertime-zipper-white-letters.png" alt="">
</a>
</figure>
<h1 class="animated fadeInDown delay-07s">MuellerTime</h1>
<h2 class="animated fadeInDown delay-07s">Promotions & Apparel</h2>
<ul class="we-create animated fadeInUp delay-1s">
<li>Custom Embroidery, Screen Printing</li>
<li>& Advertising Specialties</li>
</ul>
<a class="link animated fadeInUp delay-1s" href="#embroidery" id="learn-more">Learn More</a>
</div>
</div>
</header>
I cannot get the image to change for page 2 no matter how many times I manipulate the tags, and I cannot find any help in the guide.
Can somebody PLEASE help me with this? I only want to change my background image for a new page and still keep my original image on the main page.
Thanks in advance!!
Scott
AdChoices