Hello!

I would like to change a little bit the size of the main content and the sidebar, the right one. Is this on the style.css file?
other, I feel the main content is a little bit "off-center" How do I change it?
Danland has a different layout sizes between 2 columns and 3 columns, especially on the sidebar and main content column. At 3 column layout, sidebar size is 21% and the main content column size is 54%. And for 2 column layout, sidebar size is 26% and the main content column size is 68%.

Thank you!

CommentFileSizeAuthor
offcenter.png28.41 KBericking
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

danpros’s picture

Hi,

Have another project so I can't be here all the time :)

You can set it by change the following code:

content with 2 column (frontpage)

.sidebars-1 #content-front{
width: 68%;  <!-- change this (this is the main content size) -->
padding-left: 25px;  <!-- change this -->
float: left;
padding-top: 10px;
}

content with 3 column (frontpage)

.sidebars-2 #content-front{
width: 54%; <!-- change this -->
float: left;
padding-top: 10px;
}

content with 2 column (regular page)

.sidebars-1 #content{
width: 68%;  <!-- change this (this is the main content size) -->
padding-left: 25px; <!-- change this -->
float: left;
padding-top: 10px;
}

content with 3 column (regular page)

.sidebars-2 #content{
width: 54%; <!-- change this -->
float: left;
padding-top: 10px;
}

and for sidebar left (2 column)

#sidebar-side-1 #sidebar-left {
width: 26%; padding-left: 25px; <!-- change this -->
float: left;
margin-right: 2%;
padding-top: 10px;	
}

sidebar left (3 column)

#sidebar-side-2 #sidebar-left {
width: 21%; padding-left: 25px; <!-- change this -->
float: left;
margin-right: 2%;
padding-top: 10px;	
}

for sidebar right (2 column)

#sidebar-side-1 #sidebar-right {
width: 26%; padding-left: 25px; <!-- change this -->
float: right;
padding-top: 10px;	      
}

for sidebar right (3 column)

#sidebar-side-2 #sidebar-right {
width: 21%; padding-left: 25px; <!-- change this -->
float: right;
padding-top: 10px;	      
}
ericking’s picture

Oh! thank you very much!! it works.
Take your time!!

ericking’s picture

Status: Active » Closed (fixed)

Yeah!