WordPress.org

Support

Support » Plugins and Hacks » Recent Posts Widget Extended » [Resolved] Masonry Layout

[Resolved] Masonry Layout

  • Is it possible to display the thumbnails in a single row (i.e. multi-column) instead of 1 column per row.

    I have a horizontal footer widget where I want to display the thumbnails of my 5 recent posts in a horizontal manner rather than vertical.

    I found “Masonry Layout (experiment)” feature in the description tab of this widget. If I want to have a 3×3 thumbnail masonry layout, is it possible?

    Please advice.

    Thanks,
    Sudipta.

    https://wordpress.org/plugins/recent-posts-widget-extended/

Viewing 5 replies - 1 through 5 (of 5 total)
  • I would also like to display this widget horizontally, it would be great to have an option to display this widget horizontally or vertically.

    I’m ganna mess around with the code and see if i can get it to look the way i want it to.

    Anybody able to get something together? I’ve been rippin my hair out tryin’ to figure out a nice horizontal without using columns and offsetting 4 widgets per line by 1, 2, 3, etc.

    I’m sorry guys, the feature is not ready for public use 😉

    Aww ok. I was actually asking the community since somebody could’ve come up with some CSS hacks or restyling to solve the issue. This is an option I would LOVE to see in a future release, Satrya! Thanks!

    mrpink84,

    Perhaps you could style the ul and li (since they have classes) like bootstrap’s list-inline?

    essentially if you do similar to this from bootsrap CSS:

    .list-inline {
      padding-left: 0;
      margin-left: -5px;
      list-style: none;
    }
    .list-inline > li {
      display: inline-block;
      padding-right: 5px;
      padding-left: 5px;
    }

    But using rpwe-ul and rpwe-li

    I typically include Boostrap and Font Awesome now in all my WordPress projects and list-inline is wonderful!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[Resolved] Masonry Layout’ is closed to new replies.
Skip to toolbar