In Side Nav output, I'd like the main body text to take up less than the full width of the screen. I can do this on the topic level by putting everything inside the <body> tags in a <div> and assigning a width, e.g., style="width: 65%;" to the <div>. I'd rather not have to go through every topic and add a <div>.
If I go into the stylesheet and add width: 65%; to the body element, then on build the entire page content is limited to that width, including the header, and the side menu (set to a percentage width in the skin) gets squeezed down as well.
If I go into the Skin Editor and set the Main Page Size to 65%, the entire page content (other than the header) is squeezed down to 65% and center justified. I would like it to remain left-justified and have the vertical scroll bar on the right edge of the page.
Any way to get this done?
Thanks!
Control body width in side nav output
Re: Control body width in side nav output
Yes, you can set this up in your template page(s).
In your template page, put the topic body proxy (and everything else you want to include) inside a div; e.g. <div class="topic-container">.
In your CSS, set the width and any other properties on div.topic-container { ... }.
In your template page, put the topic body proxy (and everything else you want to include) inside a div; e.g. <div class="topic-container">.
In your CSS, set the width and any other properties on div.topic-container { ... }.
Re: Control body width in side nav output
Excellent, Dave, thanks a lot, I'll give that a try.
Edit: Tried Dave's suggestion, works just as expected.
Edit: Tried Dave's suggestion, works just as expected.