Show ONLY next upcoming event

Hi,

You can add the attribute posts_per_page=1 while adding the widget.

Guido

YES!!!! it worked! thanx a lot, now i have another question if you know, the event in my hopepage it is too much aligned on the left side of the page, can i move it a bit to the right?

Hi,

For that I should take a look at your site, what’s the URL?

Guido

teamkoala.com

Thanx

My event list uses the content area of your website, which is quite wide.

If you want to change the total width of my event list you can add padding on the left and right:

#vsel {width:60%; padding:0 20%;}

But you don’t want this padding in a small mobile screen of course:

@media screen and (max-width:767px) { 
  #vsel {width:100%; padding:0;}
}

Guido

sorry for the stupid quetsion but i am a noob.. where should i put the first code?

Hi,

When I take a look at the events page of your website I notice you’ve already made some changes to my CSS code. Normally I advice users to add CSS changes on the Custom CSS page in the Customizer in your dashboard.

Guido

I am after the same thing, to show a single (next) event. If I set posts_per_page=1 then it only shows one event but the pager appears underneath it. Yes, I can hide that with CSS but I’d rather not have hidden links on the page. Is there a way to do this without the pager showing?
Thanks
Tony

Hi Tony,

It’s not the most clean way but you can use the widget shortcode because there’s no pagination in the widget. Did not include that because it doesn’t work properly in a sidebar. For upcoming events it’s shortcode [vsel-widget].

But why not just hide it via custom CSS? I don’t see a problem with that..

Guido