Setting width on the vertical menu/sidebar

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Locked
CRobledo

Setting width on the vertical menu/sidebar

Post by CRobledo »

Hello,
I'm using CMSMS version 1.0.2.  I'm familar with CSS, but still just learning PHP to tweak my templates.
For the template Left Simple Navigation + 1 column.... how can I restrict the width of the vertical menu that appears in the nav sidebar?  I want to increase the width of the Content area, and lessen the width of my nav sidebar.
Thank you!
Colleen
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Setting width on the vertical menu/sidebar

Post by Dr.CSS »

They are in the Layout: Left sidebar + 1 column... if you are using a flexible template its % if you used a fixed width it's px...

Of course if you make the sidebar narrower anything else in it will get squished such as the News...

div#main {
  margin-left: 29%; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
  margin-right: 2%; /* and some air on the right */
}

div#sidebar {
  float: left;        /* set sidebar on the left side. Change to right to float it right instead. */
  width: 26%;    /* sidebar width, if you change this please also change #main margins */
  display: inline;  /* FIX IE double margin bug */
  margin-left: 0;
}
Locked

Return to “Layout and Design (CSS & HTML)”