CMS Made Simple Forums

Posted: **Fri Feb 25, 2011 7:09 am**

Just using HTML and CSS, I would give each page an id (body id="index">, body id="contactus">) and so on, so that I could change the CSS if necesary for individual pages.

I have a #sidebar that contains a #picturediv. I need to put a different image on each page as a background to the text in the #picturediv.

How is this sort of thing done in CMSMS?

Thanks.

Posted: **Fri Feb 25, 2011 8:18 am**

In your page template do something like:

Code: Select all

</__body class="{page_alias}>

In your stylesheet do then:

Code: Select all

body.home #picturediv {
 some: style;
}

body.contact-us #picturediv {
 some: otherstyle;
}

Posted: **Fri Feb 25, 2011 9:12 am**

OK - thank you very much - I will do that!

Posted: **Fri Feb 25, 2011 3:49 pm**

just got reminded by Ronny on IRC that once again i wrote something stupid

So if you do use this dont forget $ before page_alias

Code: Select all

</__body class="{$page_alias}>

Posted: **Sat Feb 26, 2011 12:48 am**

LOL - Thanks again! I'll mark this Solved now and post back if I have any difficulties.

CMS Made Simple Forums

[Solved]How to add a bg img to a div, different on each page

[Solved]How to add a bg img to a div, different on each page

Re: How to add a bg img to a div, different on each page

Re: How to add a bg img to a div, different on each page

Re: How to add a bg img to a div, different on each page

Re: How to add a bg img to a div, different on each page