Sidebar to big – Pixelwars

Posted in : Bloggy WP
danielhellenes
Participant
24 October 2013 at 05:28
#9447

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.
Keymaster
25 October 2013 at 02:12
#9469

Can you provide your url?

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

EleanoreRigby
Participant
26 October 2013 at 00:00
#9506

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

mpan
Participant
7 November 2013 at 21:01
#9804

so how do you make the sidebar smaller?

HeyMimi
Participant
10 November 2013 at 06:44
#9867

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.
Keymaster
11 November 2013 at 04:05
#9898
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
Participant
11 November 2013 at 04:18
#9902

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

mpan
Participant
11 November 2013 at 21:29
#9935

@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
Keymaster
16 November 2013 at 14:35
#10086
@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
Participant
1 December 2013 at 12:48
#10419

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
Keymaster
1 December 2013 at 17:12
#10430

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
Participant
1 December 2013 at 20:31
#10433

Well can you give me a hint how to do it (limit container width with custom css to shrink columns)
ahmetsali
Keymaster
1 December 2013 at 21:57
#10435
you can try this custom css code;
```
.middle .row { max-width: 1040px; }
```
labnoon
Participant
10 February 2014 at 21:18
#12202

@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
Keymaster
15 February 2014 at 00:53
#12322

Hi @labnon

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