Shortcode layout change

  • Resolved trissietris

    (@trissietris)


    4 years, 2 months ago

    Hello.
    Im using the shortcode to display events, i want to show events and the info in one line each.

    Now i have
    Zandstock Festival
    13 augustus 2022
    ‘t Zand

    But i would like to show it like this:

    Zandstock Festival – 13 augustus 2022 – ‘t Zand

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Guido

    (@guido07111975)

    4 years, 2 months ago

    Hi,

    And how do you want to display event info and featured image? Or do you only want to display the event details, without event info and featured image?

    Guido

    Thread Starter trissietris

    (@trissietris)

    4 years, 2 months ago

    Hello Guido.

    Thank you for your quick reply.
    I want it as simple as possible.

    A list like this:
    Event – date – location
    Event – date – location
    Event – date – location
    Event – date – location

    • This reply was modified 4 years, 2 months ago by trissietris.
    Plugin Author Guido

    (@guido07111975)

    4 years, 2 months ago

    Hi,

    If this is the only event list on your site, you can disable the info section and featured image via te settingspage.

    And add this CSS at page Extra CSS in the Customizer:

    
.vsel-meta-title, .vsel-meta-date, .vsel-meta-location {display:inline-block; float:left;}
.vsel-meta-date {padding-left:5px; padding-right:5px;}
.vsel-meta-date::before, .vsel-meta-date::after {content: " - ";}

    Guido

    Thread Starter trissietris

    (@trissietris)

    4 years, 2 months ago

    Thank you so much Guido for your quick response and good help! this worked for me, i wish you all the best.

    Plugin Author Guido

    (@guido07111975)

    4 years, 2 months ago

    Great, you’re welcome!

    Guido

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

The topic ‘Shortcode layout change’ is closed to new replies.