header image for responsive classic?

I'm using responsive classic and can't for the life of be figure out how to set a header background image i've tried

#headerWrapper {background-image:("../includes/templates/responsive_classic/images/bg.jpg")}

but no joy?

vvomble:

I'm using responsive classic and can't for the life of be figure out how to set a header background image i've tried

#headerWrapper {background-image:("../includes/templates/responsive_classic/images/bg.jpg")}

> 
> but no joy?

Have you tried: 

#headerWrapper {background-image:("../images/bg.jpg")}

And also cleared your cache/sessions? Ideally you would try such a change by pressing F12 and then locally modifying the css to see the result. Once satisfactory then commit it to the css file/site.

Just tried the following using google inspect elements and it was finding the image but not showing as a bg image. I tried leftboxheading incase it was to do with headerwrapper but still no joy.

#leftBoxHeading {background-image:url ("../images/bg.jpg");}

I've still not managed to come up with a solution.

vvomble:

I've still not managed to come up with a solution.

Web page address?

http://thetempleofgroom.uk/

arrrgghhhh why so complicated lol

What exactly are you wanting a bg image to do? And do you want it on all devices or only in a certain mode?

It's to give it an indiana jones effect and it. Ideally all modes but it doesn't need to contain all of the image simply part will do. provided ot is 100% of page width. Thanks in advance.

I've found a work around but it would still be handy to know

I hear you. background image doesnt appear to be part of the responsive template, making a lot of white space that looks hungry. Some sort of topical image could warm up the customers.

I have the same need. http://initialpleadings.com/

for some reason it is changeable with navCatTabsWrapper instead of header wrapper but any changes are also affecting navCatTabsWrapper anyway to fix and separate these?

I found this within stylesheet_colors.css

This is where header wrapper is going. Any suggestions?

vvomble:

This is where header wrapper is going. Any suggestions?
What are you wanting/expecting??

Also as far as to applying the bg image to various areas of the page, it also depends on in which css file the option is applied as there are several occasions of the background loading with the image aspect being set as none. There are factors involved there that could affect overlay (z-index), removal, etc..

Agree that having additional information about what the final product is to look like would help sort things out. :)

simply changing headerWrapper color affects the footer. navCatTabsWrapper is covering both that and headerwrapper. I've contacted DRBYTE about this bug as i've never really had any major issues with zencart CSS elements and it's been a dream to work with up until the most recent update of 1.5.5. It did take a while to get my head round responsive classic at first but again once I'd sussed it it was great it's just the latest update that's causing the issues with the CSS for me.

vvomble:

simply changing headerWrapper color affects the footer. navCatTabsWrapper is covering both that and headerwrapper.
Well this does not help at all
You post a picture some code and a red arrow pointing to an image and state "This is where header wrapper is going. Any suggestions? "
Again I ask you "What are you wanting/expecting?? "

kobra:

Well this does not help at all
You post a picture some code and a red arrow pointing to an image and state "This is where header wrapper is going. Any suggestions? "
Again I ask you "What are you wanting/expecting?? "

I don't know what you mean about wanting or expecting. HeaderWrapper is affecting something within the footer. NavMainWrapper affects both headerWrapper and NavMainWrapper. Not just with Background image but also colour. Basically the CSS Is not matching the correct DIV positions. I don't know how to make it any clearer than this sorry.

vvomble:

I don't know what you mean about wanting or expecting. HeaderWrapper is affecting something within the footer. NavMainWrapper affects both headerWrapper and NavMainWrapper. Not just with Background image but also colour. Basically the CSS Is not matching the correct DIV positions. I don't know how to make it any clearer than this sorry.
The question is what do you want to be seen. From there guidance can be provided to apply/modify the css to your liking. From the brief view that I took to identify/modify the look of your site many of the div tags are grouped together in definition of response. In order to override that grouping, the desired end css needs to be applied to the div tag of your choosing after the existing modifications are applied.

I am separating them. I can't work with CSS if the div I am trying to edit affects an incorrect div. I'm wanting to change colours, look and feel of the entire site. Although each div even when separated is affecting an incorrect div element. I really don't want to use classic if i can get responsive working correctly but I think that might be the way I'm going to have to do it if I can't resolve the problem ASAP as the client is wanting the site ASAP.