Header Background – replace with a pic

[PeRXeRs]

Hi,

I have a very simple question and I am sorry, if it was already answered before.

I want to simply change the background image of the header.

Something from this:

View post on imgur.com

To this:

View post on imgur.com

Cheers!

[Kyle – SUPPORT]

Try adding this to your custom css:

#header-section.header-6 #header {
  background: (yourimageurl);
}

– Kyle

[PeRXeRs]

Hi Kyle Sir and thank you very much for your answer.

I have added this lines, but without any effect:

#header-section.header-6 #header {
	background: (http://www.prestige-galabau.de/wp-content/uploads/2015/01/header-Hintergrund.png);
	padding: 15px 0 0;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	transition: padding 0.5s ease-in-out;
	-moz-transition: padding 0.5s ease-in-out;
	-webkit-transition: padding 0.5s ease-in-out;
	-o-transition: padding 0.5s ease-in-out;
}

[Kyle – SUPPORT]

To Theme Options > Custom CSS?

– Kyle

[PeRXeRs]

Thanks again Syr!

First i insert it in the style.css editor. Now I removed it there and inserted it to Theme Options > Custom CSS. Still no effect after several refreshing.

View post on imgur.com

[PeRXeRs]

I tried it with this Code and it finally worked – thank you very much 🙂

#header-section.header-6 #header {
background-image: url("http://prestige-galabau.de/wp-content/uploads/2015/01/header-Hintergrund.png")}

[Kyle – SUPPORT]

Great 🙂 No problem

[PeRXeRs]

Sorry, but just a last question 😀

There is a 1 px border on the bottom side of the header whic hI need to remove. I changed the style.css (strong part) to 0 with no effect, any tipps? 🙂

#header-section.header-6 #header {
	padding: 15px 0 0;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	transition: padding 0.5s ease-in-out;
	-moz-transition: padding 0.5s ease-in-out;
	-webkit-transition: padding 0.5s ease-in-out;
	-o-transition: padding 0.5s ease-in-out;
}
#top-header {
	<strong>border-bottom: 0px solid #e4e4e4;</strong>

[Kyle – SUPPORT]

.header-shadow #header-section:before {
  box-shadow: none;
}
.header-shadow #header-section {
  box-shadow: none;
}

– Kyle