Display photo and title separately

Hi,

I notice that you have already displayed a VS Event List widget at your homepage (event with title and image). To get the title inside your image, you must change a plugin file. I don’t recommend changing files of the plugin directly.

You can use custom CSS to move title into the image, but this may not be looking very nice in every screen size. To try this, add this at page Extra CSS of the Customizer:

@media screen and (min-width:768px) {
	#vsel_widget-6 .vsel-image-info {margin-top:-110px; z-index:-1; position:relative;}
	#vsel_widget-6 h3.vsel-meta-title {padding:0 10px;}
	#vsel_widget-6 h3.vsel-meta-title a {color:#fff !important; text-shadow:1px 1px 2px #000;}
}

Guido

Hello and thanks for the code. And that way it will work for me.

Do you know how to put it under the pictures in the news?

I am using this code but it is not working. I am getting all events.

the_widget( 'vsel_widget' );

Hi,

If you want to add this in your template file (code) directly, you can use the widget shortcode:

echo do_shortcode( '[vsel-widget]' );

Thanks it worked, I’ll have to play around to get it the way I want it.