Jump to content

header image

Featured Replies

Posted

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.

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

  • Author

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

Link me, let me see.

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.

  • Author

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,

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.

  • Author

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); }
 
}

 

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

Note that defining a height will mess with mobile design.

  • Author

ok ty i will leave it be

  • Author

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

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

  • Author

Thank You again got it working

 

Archived

This topic is now archived and is closed to further replies.

Recently Browsing 0

  • No registered users viewing this page.