Events Manager – shortlist of all events

  • Resolved singer245

    (@singer245)


    3 weeks, 4 days ago

    I’m searching for a list of all upcomming events only as a short list (2 fields: date and eventname). the eventname shoult have a link to the orig. event.

    On my startpage i’m useing the shortcode [events list…]. In my sidebar i would like the shortlist af all upcomming events (only 2 fields with the link).

    Is this possible?

    Thanks Thomas

    • This topic was modified 3 weeks, 4 days ago by singer245.
Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter singer245

    (@singer245)

    How can i insert this into my sidebar, maybe updatet: without the location and a smaller image?

    In answer to your first question, you can add the following in an html block:

    <ul class="custom-event-list" style="list-style-type:none;">[events_list limit=2]<li>#_EVENTLINK #_EVENTDATES</li>[/events_list]</ul>

    Also add the following custom CSS to remove the gap between the rows:

    .custom-event-list .em.em-list {
        grid-gap: 0;
    }

    You can go to Customize and the select Additional CSS to add the custom CSS. You can add additional HTML including Placeholders and Conditional Placeholders as well as CSS to get the design you want.

    • This reply was modified 3 weeks, 4 days ago by joneiseman. Reason: css change only for this list
    • This reply was modified 3 weeks, 4 days ago by joneiseman.
    Thread Starter singer245

    (@singer245)

    Hi Jon, thanks for you help. We are on the right way!
    As i expected, i have 2 lines now: Line 1: shows the date and time, Line 2 shows the eventname.
    so far, so good.
    Example:
    23. M?rz 2025, 10:00 Uhr

    Spiel ohne Grenzen – Harrogate <– with link to the event,

    18. Mai 2025, 10:00 Uhr

    Spiel ohne Grenzen – Brüssel

    It would be nice, if the space between the date and the eventname was 0. Between the eventname and the next date 1 row.

    Example:
    23. M?rz 2025, 10:00 Uhr
    Spiel ohne Grenzen – Harrogate <– with link to the event, fine

    18. Mai 2025, 10:00 Uhr
    Spiel ohne Grenzen – Brüssel


    I don’t know, where i should insert the CSS command to remove the space between the events.
    I understand the CSS command!

    Greetings from OHZ Germany
    Thomas

    You can click on the Customize button in the admin bar and then select Additional CSS to add the custom CSS.

    Can you provide a link to the page or at least tell me what the html with the shortcode and placeholders looks like?

    • This reply was modified 3 weeks, 4 days ago by joneiseman.
    • This reply was modified 3 weeks, 4 days ago by joneiseman.
    Thread Starter singer245

    (@singer245)

    Hi Jon,

    i updated as shown but nothing happened.
    Sorry but i can’t give a link to you because at first the wp updates are only on my not public testserver at home.

    I have not seen a possibility to insert a screenshot, so all i can do is to discribe what i see after html changes:

    • (only a point from the list marker)
      (empty row)
      M?rz 2025 – 9. M?rz 2025, 20:00 Uhr
      (empty row)
      KuZ Live: cats in the bag <– with link to the event,
      (empty row)
      23. M?rz 2025, 10:00 Uhr
      (empty row)
      Spiel ohne Grenzen – Harrogate <– with link to the event,
      (empty row)
      18. Mai 2025, 10:00 Uhr
      (empty row)
      Spiel ohne Grenzen – Brüssel <– with link to the event,

    It is the same like yesterday.
    Greetings Thomas

    • This reply was modified 3 weeks, 3 days ago by singer245.
    • This reply was modified 3 weeks, 3 days ago by singer245.
    • This reply was modified 3 weeks, 3 days ago by singer245.

    Sorey I wasn’t able to help.

    Thread Starter singer245

    (@singer245)

    Shortlist works. Now have to work on css settings.

    • This reply was modified 3 weeks, 1 day ago by singer245.

    I gave you a suggestion on an html block to use. Could you show what you are actually using? When pasting html into a forum post make sure you post it into a code block. Hit return and the type /code to select the code block.

    You can also store the screenshot on your favorite cloud platform (e.g., Google Drive, OneDrive, …) and then create an image block and then paste in the URL for the screenshot.

    • This reply was modified 3 weeks, 1 day ago by joneiseman.
Viewing 8 replies - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.