Trying to make featured posts horizontal with Education Pro

[KarenR]

Hello, I know this is a topic that has been covered before, but I cannot for the life of me get the featured posts to display horizontally. I am pretty good with css, but all of the solutions I have tried do not seem to work.

I am trying to put 3 featured posts across the home page in the home middle area (with a fourth column for something else, hence the 25% width) but they will only line up horizontally. I've used the inspector tools and tried display: inline-block with float: left on various elements, but still they are vertical.

Note: I did modify the functions.php file to completely widgetize, as below, but I do not think this is related, as I did the same on a prior site. But here it is, in case:

add_action( 'genesis_before','remove_homepage_content' );

function remove_homepage_content() {
if (is_front_page() ) {
remove_action( 'genesis_loop', 'genesis_do_loop' );
}
}
;

I'm about to give up and use Genesis Featured Posts three times and let it feed vertically (instead of twice horizontally), but it will make it so much more difficult for the client, so I'm hoping someone has a solution.

Any help is appreciated.

Thanks,
Karen

http://cpcc.karenryder.com

[KarenR]

Sorry, typo, I meant "but they will only line up vertically"

Karen

[PyramidWeb]

Hi Karen,
To the rescue: In your css, change

.home-middle .widget {
    float: left;
    padding: 0 20px;
    text-align: left;
    width: 25%;
}

to

.home-middle .featuredpost .entry {
    float: left;
    padding: 0 20px;
    text-align: left;
    width: 25%;
}

This should fix it. You might want to revise your css a bit (from my understanding, some rules in your current css merely reflect your attempt to fix the layout issue).

[KarenR]

Ha! I knew it was just one thing I wasn't seeing. Thank you so very much; I can get the rest from here.

All the best in your endeavors.

Karen

[Author]

Posts