Hi,
is it possible to get the upcoming Events displayed horizontally with the image on top like enclosed screenshot?
Thanks!
Hi!
try this code in Quick CSS:
.av-upcoming-event-data {
margin-top: 65px;
}
a.av-upcoming-event-entry.av-upcoming-event-without-image {
display: inline-block;
}
Cheers!
Andy
Hi!
Add this:
a.av-upcoming-event-entry.av-upcoming-event-without-image {
width: 20.5%;
margin-left: 6%;
}
a.av-upcoming-event-entry.av-upcoming-event-without-image:first-child {
margin-left: 0;
}
Cheers!
Ismael
Hi!
Please try the following as well:
@media only screen and (max-width: 767px) {
a.av-upcoming-event-entry.av-upcoming-event-without-image {
width: 43.5% !important;
margin-left: 0% !important;
}
}
Cheers!
Rikard
Hi!
It’s because of the thumbnail that is being used in the events template. Add this in the functions.php file:
add_action( 'after_setup_theme', 'ava_image_sizes', 10 );
function ava_image_sizes() {
add_image_size( 'square', 260, 185 );
}
Regenerate the thumbnails: https://wordpress.org/plugins/regenerate-thumbnails/
Best regards,
Ismael