Need help? Check out our Support site, then


Move Sidebar from bottom to the right

  1. Hey!

    I customized my wordpress theme a lot already. I now want to move the sidebar (wich includes the archive and the categories) to the right of the blog. I would appreciate any help.

    http://5396miles.wordpress.com/

    thx,
    Fabian

    The blog I need help with is 5396miles.wordpress.com.

  2. *push*

  3. First, can you please add back the footer credits? We require that you keep those in place.

    To move the .post-info to the right in the Wu Wei theme, try this:

    .post-info {
        float: right;
        margin: 0 0 0 1.667em;
    }
  4. thank you for your help. The footer credits are still there but in white color. I recolored it back to black.

    the .post-info is fine on the left side. I am talking about the widget footer which is at the bottom of the page. Is it possible to move this to the right side of the blog?

  5. thesacredpath
    Staff

    I think this will do it. Give it a try and see what you think. If you use the preview, the changes might not show up till after you force refresh the preview page. You also need to check all other pages as well to make sure nothing breaks on one of them.

    .center-column {
    position: relative;
    }
    
    .center-column {
    width: 740px;
    }
    
    .center-column .hentry, .center-column .page {
    width: 540px;
    }
    
    .center-column-sidebar {
    position: absolute;
    right: 0;
    top: 102px;
    width: 200px;
    }
    
    .post-meta-data {
    margin: 0;
    }
    
    .credits {
    width: 200px;
    }
  6. thanks a ton! 2 more things:
    the <center> command in HTML does not work. Is the any chance to center images permanently with CSS?
    Is is possible to put the credits from the widget sidebar back to the bottom of the page?

    thx,
    Fabian

  7. thesacredpath
    Staff

    When inserting an image under alignment in the insert image overlay window, choose "center" as the alignment type before inserting the image. Right now all your images are set as "align none" which means left alignment with no text wrap.

    You can open the posts in the editor, click on each image, click on the edit image button, then click on the "advanced" tab and change the alignment, click save changes and then update the post.

  8. Using white text on a white background is the same as hiding the text. Sorry! Can I help you find a better way to display it? I wonder if you do something like this instead. This is a start.

    Change .center-column-sidebar to #footer-right here:

    #footer-right {
        position: absolute;
        right: 0;
       top: 102px;
       width: 200px;
       left: 660px;
    }

    Also remove other rules to make the #footer text and links white. Change the text to a subtle gray maybe?

    .credits, #footer a:link, #footer a:visited, #footer a:hover {
        color: #BBB;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic