cane_cc72 Posted January 30, 2016 Share Posted January 30, 2016 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. Link to comment Share on other sites More sharing options...
Morrigan Posted January 31, 2016 Share Posted January 31, 2016 It should do that by default. Are you using a custom skin? Link to comment Share on other sites More sharing options...
cane_cc72 Posted January 31, 2016 Author Share Posted January 31, 2016 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 to comment Share on other sites More sharing options...
Morrigan Posted January 31, 2016 Share Posted January 31, 2016 Link me, let me see. Link to comment Share on other sites More sharing options...
cane_cc72 Posted January 31, 2016 Author Share Posted January 31, 2016 http://www.huntingandtheoutdoors.com now my image is gone Link to comment Share on other sites More sharing options...
Morrigan Posted January 31, 2016 Share Posted January 31, 2016 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. Link to comment Share on other sites More sharing options...
cane_cc72 Posted January 31, 2016 Author Share Posted January 31, 2016 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, Link to comment Share on other sites More sharing options...
Morrigan Posted January 31, 2016 Share Posted January 31, 2016 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. Link to comment Share on other sites More sharing options...
cane_cc72 Posted January 31, 2016 Author Share Posted January 31, 2016 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); } } Link to comment Share on other sites More sharing options...
Morrigan Posted January 31, 2016 Share Posted January 31, 2016 #elLogo img { height: ###px; } Note that defining a height will mess with mobile design. Link to comment Share on other sites More sharing options...
cane_cc72 Posted January 31, 2016 Author Share Posted January 31, 2016 ok ty i will leave it be Link to comment Share on other sites More sharing options...
cane_cc72 Posted January 31, 2016 Author Share Posted January 31, 2016 just thinking here would it be possible to somehow use that image for entire background from header to footer? Link to comment Share on other sites More sharing options...
Morrigan Posted January 31, 2016 Share Posted January 31, 2016 Yes. You make the header area transparent and then set it as the background image for body. Link to comment Share on other sites More sharing options...
cane_cc72 Posted February 1, 2016 Author Share Posted February 1, 2016 Thank You again got it working Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.