header image

[cane_cc72]

Ok ipb 4.1.x is all new to me used to the older 3.x.x versions anyway I got my logo image added to the header my question is it possible to move the forums table below the header image so the whole image shows instead of forums blocking some of it? Just want some expert advice before I go screwing the css up.

[Morrigan]

It should do that by default. Are you using a custom skin?

[cane_cc72]

no using default skin just like here on the header how the forum is in the middle of the blue thats how it is on my logo image

[Morrigan]

Link me, let me see.

[cane_cc72]

http://www.huntingandtheoutdoors.com

now my image is gone

 

[Morrigan]

I see your image just fine. It's above the forums. But your header image is also the same image. I'm confused as to what you're looking for.But the images are there.

[cane_cc72]

I changed the blue header to an actual image but the forums was blocking 1/2 the image then something happened that it went back to the blue header and not my image I got that back to normal if you look now you may see what i mean now,

[Morrigan]

I know what you mean. It's a CSS fix, not a product feedback fix.

Add to your custom CSS:

#ipsLayout_header header {
    margin-bottom: 0;
}

That should fix it.

[cane_cc72]

Sorry about that i was looking and looking and guess I lost track of what forum I was in that worked thank you.I had followed another tip earlier about adding to the custom css I'll post the code and if you could tell me if it is possible to add a line to adjust the logo image height.

 

@media screen and (min-width:980px){

    #ipsLayout_header header{
      margin-bottom: 0;
      background-image: url('{resource="hunting-banner.jpg" app="core" location="global"}');
      background-size: cover;
      background-position: 50% 0%;
      background-repeat: no-repeat;
    }

    #elSearchNavContainer{ background: rgba(0,0,0,0.5); }
 
}

 

[Morrigan]

#elLogo img {
height: ###px;
}

Note that defining a height will mess with mobile design.

[cane_cc72]

ok ty i will leave it be

[cane_cc72]

just thinking here would it be possible to somehow use that image for entire background from header to footer?

[Morrigan]

Yes. You make the header area transparent and then set it as the background image for body.

[cane_cc72]

Thank You again got it working