[danielhellenes]

I have a problem with my sidebar.

First of all, i dont understand the sidebar. Is there TWO sidebars? On in “bloggy” and one in wordpress? Cus im used to the one in wordpress.

And, on my page, the sidebar is almost at the middel, the blog is far to left and theres a big gap on the right.

What should I do ?

[Mehmet S.]

Can you provide your url?

Note: This theme has an unlimited sidebars functionality. You can create new sidebars under Theme Options > Sidebar.

[EleanoreRigby]

I also would like to configure it smaller. is this possible with quick css?

[mpan]

so how do you make the sidebar smaller?

[HeyMimi]

Thought I would add in my 2 cents here. I’ve controlled the use of the sidebar in 2 ways:

1. I’ve made a custom sidebar for the page I’m working on, and then used the sidebar as a ‘column’ basically, when I didn’t like the way the layout worked on a full page/no sidebar layout.
For example in my “About Me” page, I just made a custom “contact page sidebar” and put a map image in a text widget, and a contact form widget.” You can put pretty much anything you want in a text widget, and just use that big sidebar as part of your page layout.

2. Make your page layout (PAGE ATTRIBUTES box in the screen where you are creating your page) a full width page (no side bar) layout. Then, just use the grid layout to control what shows up in far left column of your grid.

Hope that helps someone.

[Mehmet S.]

Paste to Theme Options > Style > External JS:

<script>
jQuery(document).ready(function($) {
    $('#primary.span7').removeClass('span7').addClass('span8');
    $('#secondary.span5').removeClass('span5').addClass('span4');
});
</script>

[ldiano]

HeyMimi – thanks for your post. I get the concept. Cheers,
L.

[mpan]

@mehmet sali is it possible to make a border around the page & sidebar? or event the content? I feel like the page is extremely wide.

[ahmetsali]

@mpan try this custom css code and see if it suits you;

#primary { border: 1px solid #CCC; padding-right: 30px; padding-left: 30px; padding-bottom: 30px; }
#secondary { border: 1px solid #CCC; padding-right: 30px; }

[linco]

Hi lets say I dont want to use the whole 12 points wide size. I would like to use 6 +3 but then the blog is aligned on the left and on the right is too much white space. How can I center it?

Thanks.

jQuery(document).ready(function($) {
$(‘#primary.span7’).removeClass(‘span7’).addClass(‘span8’);
$(‘#secondary.span5’).removeClass(‘span5’).addClass(‘span4’);
});

[ahmetsali]

Hi, this theme uses 12 columns grid, so you have to adjust your columns to be 12 columns in total. You can limit container width with custom css to shrink columns.

[linco]

Well can you give me a hint how to do it (limit container width with custom css to shrink columns)

[ahmetsali]

you can try this custom css code;

.middle .row { max-width: 1040px; }

[labnoon]

@mehmet sali I used the code you put here to push the side bar a little to the right which is great, but still the gap on the right is much bigger than the one on the left before the content, is there anyway to push it back more to the right? thank you very much
Sorry if I ask for obvious things but I’m just naive about code!

[ahmetsali]

Hi @labnon

the theme has 1200px fixed layout for large screens, so you can not push it more to the right.