using the slider view

I published a test page. Here’s the link: https://mn-act.net/index.php/9278-2/

I also got it to work for “this month”, but I’m really after “this week”. Actually 7 days starting today.

Here’s the shortcode from this test page: [em_events view=”slider” types=”43,46,56″ upcoming=”1″ disable_filer=”1″ individual_events=”this month”]

Another oddity: On our original home page (without the slider), the upcoming events section looks like this image: https://www.dropbox.com/scl/fi/uyybrioo11tio3sg35vbu/homepage_upcoming_events.jpg?rlkey=3qpo2s064ynklmhxg8r7yiau5&dl=0 On the new test page (the original home page with the slider added at the top) the upcoming events section looks like this (I did change the “upcoming Events” to “This week’s events”) https://www.dropbox.com/scl/fi/4lx20jychcsc0zf6tclaw/testpage_upcoming_Events.jpg?rlkey=7ujg7oddbodqgs9dtbdfos8ht&dl=0

• This reply was modified 4 months, 2 weeks ago by lpint.

Thanks for reaching out to us.

Disabling the View Type Options: To disable the view type options on the slider, navigate to your WordPress dashboard. Go to “Events” -> “Settings” -> “Frontend Views” -> “Event Listing” subtab. In the “Available Views” section, select only the “Slider” view. This will remove other view options.

Disabling the Search Capability: To disable the search capability, use the shortcode [em_events disable_filter=”1″]. (Note: There was a typo in your original shortcode.)

Limiting Display to the Next 7 Days: Currently, EventPrime does not support directly limiting the display to the next 7 days. We will provide this feature in future updates.

Fitting Images in the Slider: To fit the images in the slider, use custom CSS. Navigate to “Events” -> “Settings” -> “Custom CSS” tab, and place the following CSS in the TextArea and save changes:

`.emagic #ep_events_front_views_slider .ep-slide-item-right img {
min-height: auto;
object-fit: contain;
}`

Correcting the Display of the Calendar Toolbar: To correct the display of the calendar toolbar when using the calendar view with the slider, use the following shortcode wrapped inside a div with the mentioned class:

<div class="ep-calendar-col-wrap"> 
    [em_events view="listweek" disable_filter="1"] 
</div>

Then apply the following CSS:

.ep-calendar-col-wrap #ep_event_calendar.fc .fc-toolbar.fc-header-toolbar {
    flex-direction: column;
}
.ep-calendar-col-wrap #ep_event_calendar.fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk:nth-child(2) {
    margin: 12px 0px;
}

If you have any further questions, please don’t hesitate to reach out to us.

• This reply was modified 4 months, 2 weeks ago by EventPrime Support.

Y’all are nothing short of amazing! Everything works as expected. Thank you for the always wonderful support!

We are happy to be of help @lpint.

Thanks for your kind words ??