Title: Display Inline
Last modified: August 22, 2016

---

# Display Inline

 *  Resolved [Lee Beetles](https://wordpress.org/support/users/lbeetles/)
 * (@lbeetles)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/display-inline-1/)
 * I have the Pro version of Events Calender.
 * How do i display the 3 latest events inline on my homepage?
 * They are currently displaying under each other. I am using the shortcode [event_embed]
 * Thanks
 * [https://wordpress.org/plugins/event-rocket/](https://wordpress.org/plugins/event-rocket/)

Viewing 4 replies - 1 through 4 (of 4 total)

 *  Plugin Author [Barry](https://wordpress.org/support/users/barryhughes-1/)
 * (@barryhughes-1)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/display-inline-1/#post-5425035)
 * Hi there!
 * You can stack them horizontally by applying a left float from your stylesheet,
   something like:
 * `.embedded-event.post { float: left }`
 *  [camelia81](https://wordpress.org/support/users/camelia81/)
 * (@camelia81)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/display-inline-1/#post-5425072)
 * Hi Barry,
 * Thank you so much for providing us with the shortcodes for the Events Calendar.
   I can’t imagine not having these as an option to populate our homepage.
 * I am looking for a similar functionality as the previous user. We want to present
   the events in 3 columns on our homepage and for the moment we embed them manually
   using the event code: [http://www.mistharlem.com/home/](http://www.mistharlem.com/home/)
 * Is there a way for the events to populate our homepage similar to the Photo view:
   [http://www.mistharlem.com/events/photo/](http://www.mistharlem.com/events/photo/)
 * I would really appreciate your help!!!
 * Thank you so much,
    Camelia
 *  [camelia81](https://wordpress.org/support/users/camelia81/)
 * (@camelia81)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/display-inline-1/#post-5425073)
 * Hi Barry,
 * Thank you so much for providing us with the shortcodes for the Events Calendar.
   I can’t imagine not having these as an option to populate our homepage.
 * I am looking for a similar functionality as the previous user. We want to present
   the events in 3 columns on our homepage and for the moment we embed them manually
   using the event code: [http://www.mistharlem.com/home/](http://www.mistharlem.com/home/)
 * Is there a way for the events to populate our homepage similar to the Photo view:
   [http://www.mistharlem.com/events/photo/](http://www.mistharlem.com/events/photo/)
 * I would really appreciate your help!!!
 * Thank you so much,
    Camelia
 *  Plugin Author [Barry](https://wordpress.org/support/users/barryhughes-1/)
 * (@barryhughes-1)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/display-inline-1/#post-5425079)
 * There’s always a way!
 * Events Calendar PRO uses the popular [Isotope library](http://isotope.metafizzy.co/index.html)
   to help manage the layout of photo view so you could use the same version that
   is bundled with that plugin, or else you might use an alternative such as [Masonry](http://masonry.desandro.com/).
    - You might need to make changes to the layout and structure of each event printed
      by Event Rocket – you can do that with a [custom template](https://github.com/barryhughes/event-rocket/wiki/Embed-Events#how-are-events-displayed)
    - You will probably also want to wrap the shortcode’s output in a container 
      that you can easily reference
    - From there, you need to ensure your library of first choice (whether Isotope,
      Masonry or something else) is enqueued and add the appropriate JS needed to
      initialize it
    - A little custom CSS will add the icing on the cake and let you tweak the final
      appearance
 * So there are a few elements you need to take care of, but between the docs for
   your favourite layout lib and the mine of information you can find in the WP 
   codex you should be able to piece this together bit by bit 🙂

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Display Inline’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/event-rocket_dacd8c.svg)
 * [Event Rocket](https://wordpress.org/plugins/event-rocket/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/event-rocket/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/event-rocket/)
 * [Active Topics](https://wordpress.org/support/plugin/event-rocket/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/event-rocket/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/event-rocket/reviews/)

## Tags

 * [display](https://wordpress.org/support/topic-tag/display/)
 * [homepage](https://wordpress.org/support/topic-tag/homepage/)

 * 4 replies
 * 3 participants
 * Last reply from: [Barry](https://wordpress.org/support/users/barryhughes-1/)
 * Last activity: [11 years, 7 months ago](https://wordpress.org/support/topic/display-inline-1/#post-5425079)
 * Status: resolved