How to get featured page widgets to display inline?

Community Forums Forums Design Tips and Tricks How to get featured page widgets to display inline?

This topic is: not resolved

This topic contains 2 replies, has 2 voices, and was last updated by  jorwesflow 7 months, 4 weeks ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #102278

    jorwesflow
    Participant
    Post count: 18

    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
    #102281

    Sridhar Katakam
    Participant
    Post count: 1071

    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;
    }

    #102304

    jorwesflow
    Participant
    Post count: 18

    Works great! Thanks!

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.