How to set custom background for header?

[ironbg]

Hello i am trying to set a custom background ONLY for header.

.head-container{ background: #FFF url('IMG_URL') !important;
}

I am using this code but i get only white color. Any suggestions?

[dioniz]

It should be .header-container

 

and you are using theme 6 so you need to put it there

 

and you need to remove this style in global.css and theme6.css

#header {
    background: none repeat scroll 0 0 #FFFFFF;
}

[vekia]

btw. instead of IMG_URL you use url to your image ?

[ironbg]

btw. instead of IMG_URL you use url to your image ?

 

Yes i use URL 

 

 

 

It should be .header-container

 

and you are using theme 6 so you need to put it there

 

and you need to remove this style in global.css and theme6.css

#header {

    background: none repeat scroll 0 0 #FFFFFF;

}

 

 

 Its the same if i use .header-container

For what "theme 6" you are talking about and where i can find this?

Edited May 6, 2014 by ironbg (see edit history)

[dioniz]

Let's try to make it clear. You selected theme6 in live configurator. That theme adds another .css file that makes your buttons green. This .css file is called theme6.css and is overriding some of default styles. It is located here: yourdomain/shop/modules/themeconfigurator/css/theme6.css

 

I suggest you to use developer tools to find styles you need to change. If you are using Chrome press F12 and your developer tools will open. If you are using FF install Firebug plugin and start it with F12.

With those installed, you will easily find styles you need to change and location of files in which you need to change styles.

[ironbg]

Got it! Thank you for your support!