Hi, we purchased the Amelia plugin this week, and I have watched several tutorial videos. However, I cannot see how I can display events from different catagories/tags on a page without having to resort to the list view. I want to create a row with three events inside of a row in Elementor.

How can I achieve this?

And another thing that's not clear to me, is whether events that have taken in the past are automatically removed from the front end. 

That's a pity. So if I understand correctly, there is no way of doing with Events what you can do with the services/packages (as shown in the screenshot). Is there a workaround to do this in another way to your knowing?

Or am I the first one to ask this question?

Thanks

Bart

This is my code - May contain some specific data (theme or Elementor page builder related)

.amelia-v2-booking #amelia-container.am-elf {
    max-width: 100% !important;
}

.amelia-v2-booking #amelia-container .am-els__wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: space-between;
    gap: 20px 0;
}

.amelia-v2-booking #amelia-container .am-els__wrapper>.am-ec {
    flex-direction: column !important;
    align-items: center !important;
    align-content: center !important;
    padding: 0px !important;
    border-radius: 10px !important;
    background-color: var( --e-global-color-primary ) !important;
    max-width: 24%;
    box-shadow: none !important;
    overflow: hidden !important;
}
[data-elementor-device-mode="tablet"] .amelia-v2-booking #amelia-container .am-els__wrapper>.am-ec {
    max-width: 50%;
}
[data-elementor-device-mode="mobile"] .amelia-v2-booking #amelia-container .am-els__wrapper>.am-ec {
    max-width: 100%;
}

.am-els__wrapper .am-ec__info > *, .amelia-v2-booking #amelia-container .am-els__wrapper .am-ec__info p {
    display: flex !important;
    align-content: center !important;
    justify-content: center !important;
    text-align: center !important;
}

.amelia-v2-booking #amelia-container .am-els .am-ec__period {
    display: flex;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px;
}

.amelia-v2-booking #amelia-container .am-ec__actions {
    margin-bottom: 25px;
}
.amelia-v2-booking #amelia-container .am-ec__period {
    margin-top: 25px;
}

.am-els__wrapper>.am-ec>.am-ec__image {
    width: 100% !important;
    height: 310px !important;
    order: -1;
    margin: 0 !important;
    border-radius: 0 !important;
}

.amelia-v2-booking #amelia-container .am-ec__actions {
    align-items: center !important;
}

.amelia-v2-booking #amelia-container .am-ec__info-name {
    font-weight: bold !important;
    text-transform: uppercase;
}

.amelia-v2-booking #amelia-container .am-els * {
    justify-items: center !important;
}
.amelia-v2-booking #amelia-container .am-els__wrapper{
    justify-content: space-between !important;
}

.amelia-v2-booking #amelia-container .am-ec p, .amelia-v2-booking #amelia-container .am-ec span {
    font-size: 1rem !important;
    font-weight: normal !important;
    color: var( --e-global-color-text ) !important;
}

.amelia-v2-booking #amelia-container .am-ec p.am-ec__info-name {
    line-height: 1.2em !important;
    font-weight: 600 !important;
    margin: 0.5em 0 !important;
}

.amelia-v2-booking #amelia-container .am-ec__period {
    margin-right: 0 !important;
}

Thanks a lot, Samuel. 

That is really helpful.