Image in Header Area

[kleen7777]

Hi there,

I was wondering if anyone could help me, I’ve tried adding an image to the header and menu area.
The menu area css works but cant get the header area to work.

Here is the CSS
#main-nav-sticky-wrapper {
background: #333333 url(http://www.avalonfloralart.com.au/wp-content/uploads/2014/05/Unknown.png) no-repeat center top !important;

}
.sticky-header {
background: #333333 url(http://www.avalonfloralart.com.au/wp-content/uploads/2014/05/Unknown.png) repeat center top !important;
}

Help Please, thanks so much

See Image

[Kyle – SUPPORT]

Try this:

#header {
  background: url("http://www.avalonfloralart.com.au/wp-content/uploads/2014/05/Unknown.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

– Kyle

[kleen7777]

Epic—-You da man @kyle

[Kyle – SUPPORT]

No problem 🙂 Glad I could help

[kleen7777]

Sorry man, i deleted the other CSS i had in there and then tried it again but no luck?

This all the CSS i have in there, I want only the header to be the image and now the menu bar a colour.

Many thanks

#top-bar .menu > li {
font-size: 13px;
}
nav .menu ul li {
font-size: 13px;
font-family: “Museo” !important;
}

#top-header .menu li {
font-size: 12px !important;
}
#super-search {
background: #013a25!important;
}
#top-header .menu li {
font-family: “Museo” !important;
}
nav .menu li a { font-family: “Museo” !important;}
.woocommerce .wc-new-badge {
display: none;
}
#main-nav-sticky-wrapper {
background: #333333 url(http://www.avalonfloralart.com.au/wp-content/uploads/2014/05/Unknown.png) no-repeat center top !important;

}
.sticky-header {
background: #333333 url(http://www.avalonfloralart.com.au/wp-content/uploads/2014/05/Unknown.png) repeat center top !important;
}
ul.products li figure figcaption div.shop-actions{display:none;}
}
.header-section{
background: #333333 url(http://www.avalonfloralart.com.au/wp-content/uploads/2014/05/Unknown.png) repeat center top !important;
}

ul.products li figure figcaption div.shop-actions{display:none;}
}
#header {
background: url(“http://www.avalonfloralart.com.au/wp-content/uploads/2014/05/Unknown.png”) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

[Kyle – SUPPORT]

Ok well only keep the header css that I gave you, remove the bits that you’ve added

– Kyle