Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • May 19, 2015 at 1:00 pm #446385
    dm

    Hi,
    is it possible to get the upcoming Events displayed horizontally with the image on top like enclosed screenshot?
    Thanks!

    May 19, 2015 at 2:12 pm #446414
    Yigit

    Hey dm!

    Can you please post the link to your events page?

    Cheers!
    Yigit

    May 19, 2015 at 2:23 pm #446420
    dm
    This reply has been marked as private.
    May 21, 2015 at 4:30 pm #447811
    Andy

    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

    May 21, 2015 at 6:56 pm #447924
    dm
    This reply has been marked as private.
    May 23, 2015 at 6:30 am #448929
    Ismael

    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

    May 24, 2015 at 9:01 am #449211
    dm
    This reply has been marked as private.
    May 25, 2015 at 6:12 am #449374
    Rikard

    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

    May 25, 2015 at 11:18 pm #449745
    dm
    This reply has been marked as private.
    May 27, 2015 at 6:19 am #450430
    Ismael

    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

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.