WordPress.com Forums » Topic: Move Sidebar from bottom to the right

designsimply on "Move Sidebar from bottom to the right"

designsimply — Thu, 06 Oct 2011 23:40:02 +0000

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;
}

thesacredpath on "Move Sidebar from bottom to the right"

thesacredpath — Thu, 06 Oct 2011 07:00:05 +0000

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.

5396miles on "Move Sidebar from bottom to the right"

5396miles — Thu, 06 Oct 2011 06:48:27 +0000

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

thesacredpath on "Move Sidebar from bottom to the right"

thesacredpath — Wed, 05 Oct 2011 20:38:33 +0000

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;
}

5396miles on "Move Sidebar from bottom to the right"

5396miles — Wed, 05 Oct 2011 18:10:57 +0000

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?

designsimply on "Move Sidebar from bottom to the right"

designsimply — Wed, 05 Oct 2011 15:51:58 +0000

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;
}

5396miles on "Move Sidebar from bottom to the right"

5396miles — Wed, 05 Oct 2011 14:48:24 +0000

*push*

5396miles on "Move Sidebar from bottom to the right"

5396miles — Wed, 05 Oct 2011 03:42:20 +0000

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