How to include event summary in the event meta?

Hi,

Is it possible for you to add the widget there? Because the event summary (event text) is displayed underneath the meta, when using the widget.

Guido

Hi,

for some reason I cannot get the widget to display in a single column. I get a 3-column layout of image, vsel-info text, and vsel-meta. I’d need to have the event summary below the meta – see screenshot here https://www.dropbox.com/t/reGSu6gGLVy7g9Qq

Thanks, Jan

Hi Jan,

That’s the VS Event List block, I mean the (legacy) VS Event List widget. But you cannot add this widget in the block editor. I that case you should use custom CSS to make sections full with. Add this at page Extra CSS of the Customizer:

	/* Event details */
	.vsel-meta {width:100% !important; clear:both; float:left; margin:0 0 20px; box-sizing:border-box;}

	/* Event info container */
	.vsel-info-block {width:100% !important; clear:both; float:left; box-sizing:border-box;}

(This will only be used in the frontend of your site)

Guido

Guido,

Thanks for you help, I solved the issue with CSS.

Jan

Hi Jan,

Great!
If you have an event list on multiple pages and you don’t want this CSS to be used at every page, you should add a page prefix before this CSS. Example:

.page-id-9 .vsel-meta { etc
.page-id-9 .vsel-info-block { etc

Guido