Page suffix

I would like to show different backgrounds on certain pages and I gave these pages a suffix. And I added these lines to template.css:

Code: Select all

body .hout {
   background: url('../images/bg1.jpg') repeat-y;
}
body .agrarisch {
   background: url('../images/bg2.jpg') repeat-y;
}
body .industrie {
   background: url('../images/bg3.jpg') repeat-y;
}

But the backgrounds are shown in the wrong place, as you can see in the attachment.
What can I do about this?

Hi,
please try change your code to this one:

Code: Select all

body.hout {
   background: url('../images/bg1.jpg') repeat-y;
}
body.agrarisch {
   background: url('../images/bg2.jpg') repeat-y;
}
body.industrie {
   background: url('../images/bg3.jpg') repeat-y;
}


Unfortunatly then the background isn't shown at all.

Please give me url to your website.

http://intellipack.hisslink.nl
The frontpage has a gray background, but I would like to show different backgrounds for the "branches". So "hout" has a different background and "agrarisch" etc.

Did you add suffix to page using our 'Suffix for pages' option in template settings. Because I don't see suffix in source code.

No I didn't. I thought I needed to use "page suffix" in the menu manager.
But this works! Thank you!