Display Inline

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Barry

    (@barryhughes-1)

    9 years, 6 months ago

    Hi there!

    You can stack them horizontally by applying a left float from your stylesheet, something like:

    .embedded-event.post { float: left }

    camelia81

    (@camelia81)

    9 years, 5 months ago

    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/

    Is there a way for the events to populate our homepage similar to the Photo view: http://www.mistharlem.com/events/photo/

    I would really appreciate your help!!!

    Thank you so much,
    Camelia

    camelia81

    (@camelia81)

    9 years, 5 months ago

    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/

    Is there a way for the events to populate our homepage similar to the Photo view: http://www.mistharlem.com/events/photo/

    I would really appreciate your help!!!

    Thank you so much,
    Camelia

    Plugin Author Barry

    (@barryhughes-1)

    9 years, 5 months ago

    There’s always a way!

    Events Calendar PRO uses the popular Isotope library 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.

    • 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
    • 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.