Gossamer Forum
Home : Products : Gossamer Links : Discussions :

Luna side bar query

Quote Reply
Luna side bar query
Is it possible within luna.css to change the width of the sidebars unique to a particular page i.e. a larger right hand side bar for category pages and a larger left hand side bar for signup pages etc.?

I understand the instructions for changing headers etc. for each page, but I cannot see how to do it for the many variables which are involved in changing the CSS functions for the sidebars.

Any help much appreciated Wink
Quote Reply
Re: [valiant] Luna side bar query In reply to
You can do this via luna.css. Each main 'page' has an id element on the body tag e.g. <body id="category">. So your CSS to change the sidebar on category pages would be:

Code:
#category #sidebar {
width: etc.
}
Pretty clever system once you get the hang of it Wink.
Quote Reply
Re: [valiant] Luna side bar query In reply to
Each page is id'ed with the template name minus .html, so you'll be able to do per page customisations to the CSS. There should be an example in the luna.css file. You just need to prepend the page id to the rule. For example the rule #leftsidebar { ... }, becomes #signup_form #leftsidebar { ... }.

Adrian