How to get featured page widgets to display inline?

[jorwesflow]

How can I get three separate instances of the featured PAGE widget (here: http://projectsacramento.com/new2014/#new-here ) to display inline like this: http://projectsacramento.com/new2014/#connect

I'm aware the second link is the featured POSTS widget and automatically works to display inline nicely. But the featured PAGE widgets need 3 separate instances, which makes them stack on top of each other.
I've tried a million different things with CSS and can't get it to work right.

Note: I'm using the Featured Page Extras plugin, which is basically a forked version of the stock Genesis Featured Page plugin.

Also, this theme is a modified version of the Modern Portfolio theme.

http://projectsacramento.com/new2014/#new-here

[Sridhar Katakam]

Add the following CSS:

#featuredpage-extras-5, #featuredpage-extras-6, #featuredpage-extras-7 {
    float: left;
    width: 29.824561403509%; /* 340px / 1140px */
}

#featuredpage-extras-5 {
    clear: left;
    margin-right: 5.263157894737%; /* 60px / 1140px */
}

#featuredpage-extras-6 {
    margin-right: 5.263157894737%; /* 60px / 1140px */
}

#new-here .featuredpage .entry {
    width: auto;
    margin-right: 0;
    float: none;
    clear: none;
}

---

Genesis Tutorials | Follow me on Twitter

[jorwesflow]

Works great! Thanks!

[Author]

Posts