Awesome, thanks for your contribution, galerio! I’m sure other users will appreciate this info.
Thanks for the tip.
Can you explain exactly which HTML tags should be put in and where in order for the thumbnails to line up under each other instead of under and to the side?
Hey Ikki24, I tried this solution and it works great on my homepage (which is using the widget to insert WPP). However as you may recall, I am trying to get this done on a blank template so as to insert this within an inframe on other websites.
Obviously the CSS is being passed on (thus the float property works) ; however the tag “br /” which is added using the “before/ after each post” is not being passed on.
Any ideas?
eg : http://www.therichtimes.com/wordpress/ (this is how I want it)
but http://www.therichtimes.com/wordpress/top/ is what it stays as.
Hi whizzer,
The problem is that when you use the float:left property all elements will attempt to align horizontally, hence the weird alignment effect you’re seeing on your “standalone” version of the popular listing.
I would add this to the <head> section of your Rich Top page:
<style>
ul {margin:0; padding:0}
ul li {overflow:hidden; list-style:none; float:none; clear:both; margin:0 0 5px 0; height:70px;}
</style>
Thanks for the fix but I’m having the same issue as [whizzer]… I’m using the plugin in the homepage of my wordpress theme and everything aligns horizontally (floats left).
I tried to put the code [Ikki24] suggested but every list on my index page messed up.
Is there any other ways I can fix this?
Thanks in advance.
My blog is in “maintenance mode” so I can’t provide a link
Do the same thing that I am doing and that should be a good work around. Use that code on a blank template (thus the style property applies only to that template). Use iFrame to push this template-page into the final page you want.
I just saw Ikki’s suggestion and havent had a chance to try it yet.
just tried it out – works brilliantly. Thanks tons.
