Need help? Check out our Support site, then


Adding additional sidebars in Confit

  1. Hi, i'm trying to shift the sponsor list on my wordpress.com website lawtechcamp.com to the right hand side of the screen. I have the css customization pack (and have already used it to do a hackish job of moving the header image out of the sidebar and onto the center of the page).

    Is there a way to add another sidebar widget to the theme, or should I just try to right align all images on the left sidebar?

    The blog I need help with is lawtechcamp.com.

  2. So, i'm curious. Seems like of the last 30 questions posted, all got atleast one response but mine.

    Did I format my question wrong, is it in the wrong place? Or is it just difficult to solve?

    If you read this, let me know what's up. Thanks :)

  3. Is there a way to add another sidebar widget to the theme, or should I just try to right align all images on the left sidebar?

    The Custom Design upgrade on WordPress.com allows you to edit CSS, and that means you can move things that already exist on a page but not add new dynamic content.

    Here is an example to illustrate moving the sidebar in the Confit theme to the right:

    #page {
    	position: relative;
    }
    #secondary {
    	position: absolute;
    	right: -284px;
    	top: 200px;
    }

    Change the right and top values if you'd like to move the sidebar to a different location.

  4. Hmm, that works great, but it drags my twitter feed over to the right side of the screen. I've tried 're positioning' just #twitter-3 left, but it squishes into the secondary box.

    Is it impossible for me to have some of that box display on the left, and some on the right?

  5. but it drags my twitter feed over to the right side of the screen

    It moves the Twitter feed because that is one of the widgets contained in the #secondary element, which is what my example was setup to use, so that's expected.

    You were on the right track with the "#twitter-3" selector for the Twitter widget. When you use absolute positioning, it is relative to the parent element. In this case, since the parent (#secondary) is absolutely positioned, it's taking on those properties. To get around it, you can position the Twitter widget relative to the (now moved) #secondary element. Here is an example:

    #twitter-3 {
    	position: absolute;
    	left: -958px;
    	top: 100px;
    	width: 222px;
    }

    Note that this example depends on the previous example, and you also need to adjust the previous example to add "overflow: visible;" to the "#secondary" block.

  6. Is it impossible for me to have some of that box display on the left, and some on the right?

    It's probably not impossible. :)

    If you're trying to bend a theme's design in ways it wasn't originally design to do (which is often the case with the CSS edits), then it may take more work than you were expecting, depending on the complexity of the theme and what you're trying to do with it. The Confit theme really wasn't designed to have two sidebars. It's not impossible to make it that way, but it's also not a simple task.

  7. Oh man, I wrestled with this problem for 3 hours, and got so incredibly close to your solution, but I had put the overflow : visible into #twitter-3 and not #secondary.

    It works now, and everything is fabulous! Happiness Engineer indeed. I was so depressed when I couldn't get this to work. I'm happy that this works, and that I got so close to it on my own. Thanks a bunch!

Topic Closed

This topic has been closed to new replies.

About this Topic