Transparent Header

Hi there!

I want too make the Header Image transparent so that you can see the Background of my website (blue skies). I have made the image a .gif so it is transparent, but their is a white background of the DIV <div class="header" id="#top">. Is it possible to make the header transparent to see the background? Where in the code should I start to make this possible?

Here is the link http://50.87.146.63/~light789/

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.header{
background-color:rgba(255, 255, 255,0.5)!important;
}
.body_wrapper{
background-color:rgba(255, 255, 255,0.5)!important;
}
#featured{
background-color:rgba(255, 255, 255,0.5)!important;
}
 
.signupForm{
background-color:rgba(255, 255, 255,0.5)!important;
}

 

There is still a slight white background to the header. This also created a transparent border around all of my content. Do you have any suggestions on how to make the header part completely transparent?

 

Hello,

It is not possible to make header transparent separately.
paste code given below in custom css. It will make header completely transparent.

Code:

.header {
background-color: rgba(255, 255, 255, 0)!important;
}