Moving Footer Widgets

  • Author
  • #1074682

    How do I move my widgets from the footer to the sidebar in the Esquire theme? The theme’s default widgets placement is in the footer and it doesn’t give me an option to switch it, so I want to know what CSS code I can use to move the widgets to the footer. And also get rid of the footer, as I have no use for it.

    The blog I need help with is


    Just jumping onboard: I am also interested in moving some (not all though) widgets from my footer to the sidebar (left column) of my blog:


    Here is an example you can start with to move the widgets in the Esquire theme. This example moves them to the right of the posts. You can adjust the positioning to move them somewhere else if you’d like.

    #widgets {
    	background: none;
    	left: 620px;
    	position: absolute;
    	top: 30px;
    	width: 250px;

    Note that if you move them to the left, there may be some funny overlap with the site title. You would either need to fix the widgets in place like the site title and keep them small enough to still work for people with smaller screen sizes or you could make it so the site title area scrolls.

    Regarding the footer, we do require that you keep the footer credit links in place. You can adjust the appearance so they don’t stand out as much though. Here is an example for your blog:

    #credit {
    	width: 280px;
    	font-size: 1.05em;
    #credit a {
    	color: #777;

The topic ‘Moving Footer Widgets’ is closed to new replies.