Sidebar width

32 thoughts on “Sidebar width”

1. 

   Very useful!
   It’s laborious to try again and again until you find the exact size. I spent a lot of time to find the 174px for Connections (in another blog). Just in order to get a nice display, at least on decent browsers.
   Thanks!

   Posted by K. Gregorovius | January 11, 2010, 20:24
2. 

   @K. Gregorovius: You’re welcome! (You can imagine how laborious it was for me, doing that for 78 themes…)

   Posted by Panos | January 11, 2010, 20:36
3. 

   Yes, I do! Yours is a great work. Thanks again!

   Posted by K. Gregorovius | January 12, 2010, 02:19
4. 

   Very informative for lazy people. I love your work

   Posted by RP | January 13, 2010, 04:54
5. 

   Hehe – thank you!

   Posted by Panos | January 13, 2010, 06:59
6. 

   If I had guessed, your two sidebars look the same width but maybe the right side a touch wider. Seeing is deceptive…

   Posted by Tess | January 13, 2010, 18:41
7. 

   @Tess: Strange, isn’t it? They do look the same, but they won’t accomodate the same content. I confirmed that by checking the CSS of the theme: different margin numbers.

   By the way, in themes such as Vigilance it was easy to find the exact width because of the fixed dividers. In themes such as Garland I had to compare the alignment of an image against some lines of text in really tiny font size.

   Posted by Panos | January 13, 2010, 22:12
8. 

   Great work, Panos! (like always…) :-) Thanks

   Posted by Galois | January 14, 2010, 22:01
9. 

   Thank you, Galois!

   Posted by Panos | January 16, 2010, 10:00
10. 

    Have you created a list of themes that display sidebars on every page?

    Posted by timethief | February 8, 2010, 00:26
11. 

    Yes:

    https://wpbtips.wordpress.com/2009/11/12/widgets-on-pages-or-single-posts/

    (Actually it lists which themes don’t, because, as you know, the majority do, and those in the minority have various quirks.)

    Posted by Panos | February 8, 2010, 01:01
12. 

    Thanks and check your email. :)

    Posted by timethief | February 8, 2010, 03:07
13. 

    Do you have a post that lists the width of the blogging spaces in posts and pages for the various themes? I’m currently writing a post and that would be an additional link that I would love to have in the post. (I’m linking to this one in it.)

    Posted by timethief | February 19, 2010, 05:51
14. 

    @tt/1: I did, and thanks too!
    @tt/2: I do, and in the meantime you found it!
    (https://wpbtips.wordpress.com/2009/07/23/maximum-image-width/)

    Posted by Panos | February 19, 2010, 11:56
15. 

    How can I change the code so I can adjust the alignment of my right sidebar in the theme Vigilance??? I’m creating a photoblog and I’m trying to put a margin between my photos in the main column and the right sidebar with the blogroll, etc. Because right now, they’re hugging close and I can only make my photos so large.
    I think I have the code, is it <div style= "margin-left: 60px;" and do I put that in front of the sidebar code? However, I don't know where to input this code on wordpress? I know how to adjust the code for a post but not for the alignment of the blog, where is that html located?? I feel like an idiot I can't find it. Would I be messing with the CSS Stylesheet Editor section under Appearance???

    Posted by Paula L. Combs | April 6, 2010, 08:41
16. 

    @Paula: Codes such as the div style etc you mention are for posts or text widgets. To change the appearance of the blog, you need differently formed coding, and you need the paid CSS upgrade: better forget it if you have no experience in CSS editing.

    A simple way to create more space between the post column and the widgets in Vigilance is:

    Wide sidebar: empty text widget;
    Left sidebar: text widget with the code for an empty space in it (see here);
    Right sidebar: the widgets you actually need.

    But of course that will be a lot wider than 60px – I don’t think I would do that. Instead I would suggest you switch to TheJournalist v1.9 (maximum image width 680px) and insert 620px wide images. Or maybe switch to iNove with its sidebar deactivated.

    Posted by Panos | April 6, 2010, 12:55
17. 

    Panos: I really like Vigilance but whatever theme I use- I want the right sidebar there so I can have a blogroll and archive visible and easy to access. I did research more and found I need the CSS upgrade to change the layout, like you mentioned. I have little experience with changing/writing code but I’ve been researching it more, I don’t mind putting in the time, however, I’m going to play around with The Journalist v1.9 and see if maybe it will suit my needs before I go frustrating myself anymore. Thanks for the suggestions..

    Posted by Paula L. Combs | April 7, 2010, 10:02
18. 

    What a useful post! And what a busy person you must be doing all this testing!

    I’m particularly interested in this at the moment as I’m trying to design some buttons for one of my blogs that uses words and I really couldn’t work out the maximum width for them.

    So – thanks!

    Val

    Posted by absurdoldbird | July 19, 2010, 15:14
19. 

    @Val: You’re welcome!

    Testing isn’t that difficult, and I didn’t do all themes at once: started with the occasional forum reply. Whenever I found and gave such pieces of info, I would save them in a file as well, and at some moment I completed the picture.

    Posted by Panos | July 20, 2010, 05:07
20. 

    How do I determine the height and width of the sidebars on the ‘off the shelf’ free neoease ‘inove’ wordpress theme I am using? I am trying to add a slideshare widget and do not know where the pcx width is located. If I dont modify it is way to thin. I had trouble locating in the sidebar.php.
    Thank you

    Posted by tcad | January 25, 2011, 16:26
21. 

    I posted previous note about pcx width. Inove was actually located in above width grid and I just located it. What a great resource this page is.

    Posted by tcad | January 25, 2011, 16:43
22. 

    @tcad: You’re welcome and thanks!

    Posted by Panos | January 27, 2011, 11:41
23. 

    Very usefull information. i was searching for the twenty10 theme width, and without this table i would have to install the theme and see the width :-)

    Posted by TemplatesRule.com | March 21, 2011, 15:55
24. 

    can u give me code of digital time which is showing inupper right corner in blue colour

    Posted by Techno-Managers | November 4, 2011, 01:28
25. 

    @TM: Sorry, the designer of that widget doesn’t allow its distribution for free.

    Posted by Panos | November 4, 2011, 04:38
26. 

    Aonde posso inserir o código do Geográfico no meu blog wordpress.com. alguém aqui pode me ajudar? agradesso!!

    Posted by carlyevandro | March 4, 2012, 21:33
27. 

    Please ask here:
    http://pt.forums.wordpress.com
    http://pt-br.forums.wordpress.com

    Posted by Panos | March 5, 2012, 02:35
28. 

    Me, again. ; )
    Now that I’ve added new pages they are wrapping in my navigation line. Seems like I need to make my sidebar more narrow. Is this possible? I’ve spent the last 30 minutes searching on how to do this. Can’t find it, so I decided to ask my go to person? If there’s an easier way to ask you questions, please let me know what that is.
    Thanks so much for all your help. As I said before, you are a find. Most of the answers I’m finding on here, assume I know HTML.

    Posted by Julie Punishill | March 12, 2012, 09:39
29. 

    Hi again,
    But there’s a problem in this case: WP has repeatedly pissed us off (I mean us experienced forum volunteers), so we have decided not to help with CSS editing. Users who have the Custom Design upgrade are entitled to staff support, so you can post your question in the CSS section of the wordpress.com forum and wait for a staff reply.

    Alternative, non-CSS, solutions: make your page titles shorter, or create a dropdown for some of the pages. A dropdown is created by turning some pages into child pages (editing them and assigning another page as their parent in the Page Attributes module of the page editor).

    Posted by Panos | March 12, 2012, 21:05

Trackbacks/Pingbacks

1. Pingback: Cut and Paste HTML Tables for Your WordPress Blog « onecoolsitebloggingtips.com - February 22, 2010

2. Pingback: Align Images: HTML Tables for WordPress Blogs « onecoolsitebloggingtips.com - March 25, 2010

3. Pingback: Select a WordPress.com theme 2 « onecoolsitebloggingtips - May 21, 2010