Home Featured Posts Alignment

Hello Robert,

The demo actually just shows 1 Featured Posts widget that is set to show 3 posts horizontally.  The posts show horizontally because the css is written to have the posts/div’s float next to each other.  So the reason your posts are stacking is because you are using 3 multiple (separate) widgets rather than 3 posts from 1 widget (does that make sense?).

We can still make this happen though.  You can still have separate widgets float next to each other to appear in the same way as the demo, but they will have to be adjusted in your css to do so.  If you can give me a link, I can help get this going once I take a look at your site and the code.

Add this code to your style.css file. You can add it anywhere, but if you want to add it to the home-featured-posts section you can paste it around line 787.

.home-featured-posts .featuredpost {
clear: none;
float: left;
width: 215px;
}

Since you’re doing it this way, you probably noticed the widget titles are pushed to the right a little bit because of the margin. To fix this you would simply decrease the left margin for the – “.home-featured-posts .featuredpost .widgettitle” which can be found in the same section of your css around line 805 or so (maybe a bit further down once you add the above code)

Change this –

.home-featured-posts .featuredpost .widgettitle {
margin: 0 0 20px 20px;
}

To this –

.home-featured-posts .featuredpost .widgettitle {
margin: 0 0 20px 0;
}