I'm trying to have my home page have no margin around the "mainbody" and subsequesnt pages to have a margin. I understand that I should be able to do this by using a page class suffix on the pages I want to be different and changing some of the CSS in the template_css file. I have been able to do this with great success for Modules and with limited success for certain elements of pages (such as the heading) but this particular issue does not seem to be working for me. What I have discovered is that if I edit the padding in the following line of CSS I get the result i'm looking for across the entire site but I only want that change for certain pages. The trick is how do I create a page class for this line of code:
td.mainbody .padding {
padding: 40px;
}
I've tried:
td.mainbody-mypageclass .padding {
and
td.mainbody .padding-mypageclass {
and other variables but to no avail.
Can anyone tell me specifically how to chage my CSS so that I will have different main content area padding between the homepage and other pages?rwatson
Newbie