IPB4 Header Transparency

[Tibory]

Hello,

Does anyone know where I would find the code to add transparency to the forum header - It's currently blue on the these forums but I want it to be slightly transparent on my own.

Any help would be appreciated.

[Cemmos]

Add to custom.css:

#ipsLayout_header header {
    background-color: rgba(61, 94, 120, 0.6);
}

But unless you're adding a background image to your site or something, it's just going to look like a lighter blue color.

[Tibory]

Thanks Cemmos!

[Will Munny]

I'm trying to get the header to be the same width as the rest of the board. however, setting a max-width with this only works on widescreen desktops. It breaks the layout when it goes down to smaller screens. Anyone achieved this yet?

[DannyPhantom]

I tried this on IPS4 but the header isn't transparent.
I set in custom.css a background, 
 

ipsLayout_header header {
    background-color: rgba(61, 94, 120, 0.6);
}
html, body { /* Safari has trouble with bgcolor on body. Apply to html tag too. */
    background: url(http://xxx/bg.jpg) no-repeat center center fixed, #000; 
        -webkit-background-size: cover;
  		-moz-background-size: cover;
  		-o-background-size: cover;
  	background-size: cover;
}

I try to make the top background transparent for the background image,

[Vikestart]

I tried this on IPS4 but the header isn't transparent.
I set in custom.css a background, 
 

ipsLayout_header header {
    background-color: rgba(61, 94, 120, 0.6);
}
html, body { /* Safari has trouble with bgcolor on body. Apply to html tag too. */
    background: url(http://xxx/bg.jpg) no-repeat center center fixed, #000; 
        -webkit-background-size: cover;
  		-moz-background-size: cover;
  		-o-background-size: cover;
  	background-size: cover;
}

I try to make the top background transparent for the background image,

​Replace 

ipsLayout_header

with

#ipsLayout_header

[DannyPhantom]

I changed this, but it don't work
 

#ipsLayout_header {
    background-color: rgba(200, 54, 54, 0.5);
}
html, body { /* Safari has trouble with bgcolor on body. Apply to html tag too. */
    background: url(http://newstyletattoo.com/bg.jpg) no-repeat center center fixed, #000; 
        -webkit-background-size: cover;
  		-moz-background-size: cover;
  		-o-background-size: cover;
  	background-size: cover;
}

 

 

[Vikestart]

I didn't say to remove "header"

This is the correct form:

#ipsLayout_header header {