Header and Footer Background

Hello,

im using nop v3.20!

I want to put a background in header also in footer! Everything is ok on my main page but when i click on another page smaller whith few information the footer move up and the background stay like in the main page in the same position.

How can i make to move the background with footer?

For example the nop commerce site :

the main page is liks this :

http://postimg.org/image/aighc45q3/

when i clicked on the produc tab is :

http://postimg.org/image/4736n04xl/

the page getting small but the footer background moves!

Im not sure i was explicit but...can anyone help me?

Thank you very much for your answers!

What you are experiencing in then nopCommerce is the layout by design and it is supposed to work like that.

I can understand what you are trying to accomplish. Please make sure that you are setting up the background in the header section and footer section in the style sheet and not in the body background. If you put something in body background, it will stay in the background as it is irrespective of the height of the content in your page. The footer will still move because it is depended on the height of content in page.

Along with setting up your background image / color in header and footer section separately, you can also look into min-height property in the style-sheet if you would like to maintain the height of page irrespective of the content.

Please share your css / code of your nop site and what you are exactly trying to accomplish in the code then it will be easy for us to help you out.

Thank you very much for your answer!
What i trying to do is like in this page :

http://postimg.org/image/f9srd9qj5/

if you look at this page the footer and header has a background form left to right!
I dont know how to do this..i was thinking that is a background in body but it dosent!

if i put in the .header (background: X ) and in footer the same , it put only like this :

http://postimg.org/image/nrs8fqcd9/

"Along with setting up your background image / color in header and footer section separately, you can also look into min-height property in the style-sheet if you would like to maintain the height of page irrespective of the content"

unfortunately i dont know how to do this... :(

Can you tell me how can i put a background like in that site from left to right side?

Thank you very much!

Is your site live ? or any link where we can access the site ?

yes - sure

http://store.asitcon.com/

anyone can help me pls?

ok - i understand!

Thank you very much for your support and help!

I have posted the complete solution here: http://www.strivingprogrammers.com/MonoX/Pages/SocialNetworking/Discussion/dtopic/BNPzPT_FQUWC16LsAKClUg/Header-and-Footer-Background/

L.K wrote:


Hi L.K. can you help me to change header backround with wood image?

Hello Carpo,

For adding an image background on the header, you have 2 options.

1) Look into adding an image in class="header" in your stylesheet

OR

2) Make use of class="master-wrapper-content" in your stylesheet for adding a top image