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

Plugins

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;}
¿Te ha sido útil este código?
Ayúdanos a saber si este código o función te ha funcionado y así poder ayudar a otros usuarios
SÍ. 🙂
NO. 🙁
Tags
Mostrar Más

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *