Can't get page headers to show up

19 Posts

Fullthrottle_Designs Reply #1, 17 years, 3 months ago

I am working on a small site and I have different image headers for each page. I have created a template variable for head styles and added the style

#contentheader .header {
background-image: url("/assets/images/page_headers/home_header.png") no-repeat;}

but when I added the div to the template none of my headers show up?? huh

 
<div id="contentheader" class="grid_12">
            <div class="header"></div>
  </div>

51 Posts

paz Reply #2, 17 years, 3 months ago

I think this is a simple CSS issue.

Giving the header div the right height might help you out.
If the image is 80px high, just make it like this:
#contentheader .header {
background-image: url("/assets/images/page_headers/home_header.png") no-repeat;
height: 80px;
}

I think that’s all there is to it.

19 Posts

Fullthrottle_Designs Reply #3, 17 years, 3 months ago

Thanks, I will give it a shot!!!

19 Posts

Fullthrottle_Designs Reply #4, 17 years, 3 months ago

That worked, thank you so much!!!!

51 Posts

paz Reply #5, 17 years, 3 months ago

No problem. I’ve had some empty divs myself

Glad I was able to help.