MyBB Community Forums

In the header (I believe it is correctly identified as div#header) there is currently a repeating teal image as part of the original Novus 2 Ocean theme.

Overlaid on top of that is the board logo. I would like to keep the overlaid logo but just change the background of the header to an image submitted by our members.

I tried this:

div#header{
background-image:url('http://***.com/wp-content/uploads/2011/11/NewHeader1.jpg') !important;
}

But it did not work.

Another difficulty is that the forum is a fluid layout yet the header image is of fixed width. For smaller monitors, should I include some sort of no-overflow?

Does anyone have any ideas as to how to implement this image into the header? Thanks!

What you want is the logo div class in your global.css

Relevant image:
gaycarfans.com/forums/images/novus-ocean/logo_gradient.png

Quote:.logo {
background: url("../../../images/novus-ocean/logo_gradient.png") repeat-x scroll left bottom #13BCD0;
border-radius: 10px 10px 0 0;
margin: -20px -20px 0;
min-height: 100px;
}

Also changing the #13BCD0 changes the colour.

Thank you!!! Repped