Need help? Check out our Support site, then


Moving Widgets to Sidebar from Footer in Balloons Theme

  1. I'm hoping to move the widgets from the footer of my theme to a sidebar. Is this even possible? I'm using the Balloons theme. Here's the blog: http://nose-in-a-book.net/

    The blog I need help with is nose-in-a-book.net.

  2. Balloons does not have a sidebar, and you can't add one in CSS. If you really want a sidebar, you'll have to choose a different theme.

  3. From what I've seen with other issues like this, however, is that it can be changed and customized. Maybe not easily, but it can be done. The few things I've tried have brought the widgets into a sidebar, but not in a pretty fashion at all.

  4. The CSS upgrade cannot be used to add a sidebar to pages which do not have one already. That would require hacking of the underling PHP script files, which we cannot do on free hosted WordPress.com blog .
    http://en.support.wordpress.com/themes/editing-themes/
    http://en.support.wordpress.com/custom-design/#frequently-asked-questions

  5. Actually, you can move the footer widgets like you originally asked. Here's an example to get you started:

    @media screen and (min-width: 801px) {
    	#main {
    		position: relative;
    	}
    	.col1 {
    		position: absolute;
    		top: 235px;
    		left: -230px;
    	}
    }

    The @media part makes the change only for large screen sizes—which keeps things responsive for mobile.

    If you make this change, you may need to make some additional spacing adjustments overall. Also, I would recommend putting all the widgets into one footer widget area and moving that one instead of trying to also move the other two separately. You can move stuff around in the Appearance → Widgets page once you get everything sorted out with the CSS.

    Also, I noticed you removed the gap for the balloons, but the gap is still there if you're viewing with a screen size <800px. Add this to fix:

    @media screen and (max-width: 800px) {
    	header#masthead {
    		margin: 0 0 25px;
    	}
    }
  6. Thank you so much! Worked like a charm!

  7. symplesyrupart
    Member

    I had the same question! And I'm very new to WordPress so this is a silly question but... where would I enter that coding to change the Widget position?

  8. Appearance > Custom Design > CSS

Topic Closed

This topic has been closed to new replies.

About this Topic