Adding background image to header on boxed layout

[Nickylew]

Hi there,

I am in need of adding a background image (texture) like the ones you can use on the body background but within the header.

I have tried a bunch of css but it does not want to override the core css even though it is in my active child theme’s stylesheet.

I can get what I want just by using firefox’s firebug app changing css on the fly but actually realising this on the site does not seem to want to work.

Any ideas/css tricks you have that could help me achieve that? I have been using this code:

background: #e4e4e4 url("http://testing.atkeyandco.com/wp-content/themes/neighborhood/images/preset-backgrounds/45degree_fabric.png") repeat center fixed!important;

along with some other bits to change margin on the header etc but that is the bit that doesn’t seem to want to override. (even with an !important at the end)

I have attached a screenshot of what I am trying to achieve.

Many Thanks.

Attachments:

You must be logged in to view attached files.

[Nickylew]

Sorry. didn’t put full code. Been trying with this.

div#header-section #header .header-4 {
background: #e4e4e4 url("http://testing.atkeyandco.com/wp-content/themes/neighborhood/images/preset-backgrounds/45degree_fabric.png") repeat center fixed!important;
}

But also tried just using #header-section and just #header and also a mixture of all of them. Still not working!

[Kyle – SUPPORT]

Hi there

If you could kindly provide me with your link I will be happy to see if I can provide some custom css

– Kyle

[Nickylew]

This reply has been marked as private.

[Kyle – SUPPORT]

Add this to your custom css:

header {
  background: #e4e4e4 url("http://testing.atkeyandco.com/wp-content/themes/neighborhood/images/preset-backgrounds/45degree_fabric.png") repeat center fixed!important;
}

– Kyle