< Tu wordpress a medida />
Como añadir una imagen en el Widget List de The Events Calendar

Como añadir una imagen en el Widget List de The Events Calendar

Si usas el plugin The Events Calendar para mostrar eventos en tu página web, seguramente quieras usar su Widget para mostrar tus próximos eventos en el Sidebar.

Pero, este Widget no trae por defecto la imagen o thumbnail. Si quieres mostrarlo como ves en esta imagen, sigue los pasos de más abajo.

Añade este código en tu functions.php

function custom_widget_featured_image() {
	global $post;

	echo tribe_event_featured_image( $post->ID, 'thumbnail' );
}
add_action( 'tribe_events_list_widget_before_the_event_title', 'custom_widget_featured_image' );

Con este código conseguirás que la imagen aparezca, pero la puedes cambiar a tu gusto con CSS. (Este es el CSS de la imagen)

.tribe-events-list-widget-events .tribe-events-event-image img {max-width:20%; float:left; margin-right:10px; border-radius:3px;}

.single-tribe_events .tribe-events-event-image{margin-bottom: 0em !important;}
.tribe-events-list-widget .tribe-events-list-widget-events{padding:0px;}

.tribe-events-list-widget .tribe-events-list-widget-events {margin-bottom:3.25rem;}

.tribe-events-list-widget .tribe-event-title a{color:#fff !important; font-weight:500;}

.tribe-event-duration{color:#aaa; font-size:10px;text-transform:uppercase;}
¿Ha sido útil esta publicación?
Déjanos tu feedback para poder ayudar a otros usuarios.
1
No0

Deja un comentario