Reduce content spacing in the side bar

  • Unknown's avatar
    ishitaunblogged · Member ·

    Hi! I would like some help in reducing the horizontal spacing of contents in the side bar. Currently I am using the Inuit theme.

    Thanks in advance.
    Regards

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    designsimply · Member ·

    Do you mean you want to make the sidebar smaller?

    The sidebar at http://ishitaunblogged.com/ is currently 225 pixels wide, and if you make it smaller then it will cut of some of the images and widgets you’ve added. You may be able to adjust them, but it would take a little extra work. Try out this CSS to see what I mean:

    .sidebar {
width: 180px;
}

.widget {
width: 150px;
}

    Or were you referring to something besides the overall width of the sidebar?

  • Unknown's avatar
    ishitaunblogged · Member ·

    Thank you so much – I didnt want the sidebar width to be reduced but reduce the spacing between the lines a bit more, or between 2 images in the sidebar.
    You have been helping me so much -ref(header image and all) – and I would definitely like to acknowledge your help in my blog.

    Warmest Regards
    Ishita

  • Unknown's avatar
    designsimply · Member ·

    You have been helping me so much -ref(header image and all) – and I would definitely like to acknowledge your help in my blog.

    The header image looks great! It’s very cute. :)

    An acknowledgement on your blog isn’t needed, but that is a very kind thought.

  • Unknown's avatar
    designsimply · Member ·

    reduce the spacing between the lines a bit more, or between 2 images in the sidebar

    To reduce the horizontal spacing between the left sidebar and the content area, you might try something like this:

    .container, .attachment .content, .attachment #header, .attachment .single-post #header-about h1, .attachment .footer, .attachment-navigation, .top_menu, .nosidebar .post2, .nosidebar .header-about .header-widget{
width: 890px;
}

.sidebar_left {
padding-right: 10px;
}

    Note that this would make it so you need to upload a new header image that is 890 pixels wide and update your Appearance → Custom Design → CSS with the new image URL.

    Or if you mean you would like to reduce the vertical spacing between the different widgets, try this:

    .widget {
margin-bottom: 10px;
}
  • Unknown's avatar
    wastimson · Member ·

    my blog, http://www.williamstimson.com, has several pages. The main page contains two columns, the main one for text and images; the second narrower one to identify me. For the time being I am happy with this arrangement.

    However, added pages also have two columns and nothing is in the second narrow column. I might as well delete this second column and allow more space width for the main column. Is it possible to have two different formats for the same blog?

  • Unknown's avatar
    designsimply · Member ·

    The Twenty Eleven theme comes with a page template that will allow the sidebar to show on pages. You can turn it on by editing each page and selecting Page Attributes → Template → Sidebar Template and saving.

    Your blog http://www.williamstimson.com/ is not hosted here at WordPress.com. Go to http://en.support.wordpress.com/com-vs-org/ to learn more about the differences. If you need further help you should ask in the forums at http://wordpress.org/tags/twentyeleven?forum_id=5

  • The topic ‘Reduce content spacing in the side bar’ is closed to new replies.