Information Section of Sidebar, CSS to place neatly at the bottom?

ladybloggette · Member · May 27, 2012 at 3:59 pm
Copy link

Add topic to favorites
Ideally, I want to move the Information column in a single post to the bottom
I tried the following code from this post https://en.forums.wordpress.com/topic/suburbia-sidebar-data?replies=13
```
.middle {
  position: relative;
}
.meta {
  position: absolute;
  bottom: 232px;
  left: 195px;
  width: 550px;
}
.single .hentry {
  padding-bottom: 295px;
  border-left: 1px solid #E0E0E0;
  border-right: 1px solid #E0E0E0;
}
.post #single {
  border-left: none;
}
```
The results I get have the information section pushed down a little too far. Anyone have any idea what I can tweak so that it isn’t in the same space as certain widgets?
Here’s an example
http://sylie.wordpress.com/2012/05/19/mind-your-graphics-graphic-web-design/

The blog I need help with is: (visible only to logged in users)
designsimply · Member · May 29, 2012 at 1:16 am
Copy link
When you use absolute positioning to move an element, it is taken out of the normal flow of a web page and the height of other elements won’t adjust automatically. That means you must set the height manually. The only way for moving the information column in the Suburbia theme to the bottom of posts to work would be to make the space for it large enough to always fit the amount of data the .meta blog contains and then try to keep the height consistent. Here is an example based on the amount of data in the http://sylie.wordpress.com/2012/05/19/mind-your-graphics-graphic-web-design/ page you provided.
```
.middle {
	position:relative;
}
.meta {
	position:absolute;
	bottom:360px;
	right:195px;
	width:550px;
	display: block;
}
.single .hentry {
	padding-bottom:330px;
	border-left:1px solid #E0E0E0;
	border-right:1px solid #E0E0E0;
}
.post #single {
	border-left:none;
}
```
Instead of doing that though, I would recommend cutting back on the total number of tags and categories because its a red flag for spam—then adjust the numbers to fit the best with the amount of tags and categories you end up with. Our guidelines say you should use less than 15 total.
ladybloggette · Member · Jun 7, 2012 at 2:49 am
Copy link
As always … excellent advice! Thank you so much!
designsimply · Member · Jun 7, 2012 at 5:17 pm
Copy link
Yay. Cheers. :)

No items found.