Transparent Header

Hi Aiko,

Sorry but when I click on your link it says “access forbidden” so I cannot see the problem for you in my browser.

Ah I see the problem!
Apparently the site is only available in Denmark, as it is a domain I got through my school, as I am making this site for my exam project.
You cn access the site through google chrome if you install the add-on called Hola, and choose to browse from Denmark
Otherwise here is a screenshot:

https://i1175.photobucket.com/albums/r638/vexxykrist_9/Skaeligrmbillede%202015-03-05%20kl.%2000.40.02_zpsnggler55.png

Hi Aiko,

I was able to install the “hola” add on. To make the background transparent you can put this code into your Custom CSS style sheet.

.header, .footer {
background: transparent;
}

This will make the header and footer transparent. In your case “white”. If you want only the header and not the footer, you just put:

.header {
background: transparent;
}

Hope this helps. Regards Chris

Thank you for your help chris1design
however I have made it as far as that, what I want is to have NO COLOR, and have it fully transparent so you can see the background through the header
Like shown in this picture:
https://i1175.photobucket.com/albums/r638/vexxykrist_9/transparentheader_zpsambu6xce.jpg

do you have any idea how to do that?

Hi Aiko,
I’ve checked and yes if we make the header transparent, there is still the wrapper underneath that’s white. If we make the wrapper transparent, the whole page background becomes transparent. So we need to isolate the header from the main wrapper. This is not a simple operation as we must modify the php file. So sorry but it would be too difficult to just make the header transparent. Regards Chris

Hi, I think I have a solution:

1. In your wordpress admin, go to >appearance > theme options > custon CSS and pastle the following lines:

.header{border:none !important; background: none !important}
#wrapper{background:none; border:none !important; box-shadow: none !important}
.content{background: #F9F9F9; border:1px solid #E8E8E8 !important;border-bottom:0!important;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);position:relative !important;}
.footer{border:1px solid #E8E8E8 !important;border-bottom:0!important;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);position:relative !important;}

This will redesign some CSS to make exactly you want.

I Hope that helps!

chris1design and Valdenir Flauzino
My friend actually found a way to fix it in the editor css stylesheet

COMMON SLIDER STYLING
 ***********************/
/* Overall Wrapper */
.anythingSlider {
	display: block;
	overflow: visible !important;
	position: relative;
background-color transparent;

And also set the background color some other places to be transparent

And then I made the content white in:

/* Content Background */
.content {padding-top:35px;background-color:#ffffff;}