Ticket #261503 Public [Closed]

Can you tell me how I can get the left hand thumbnail to be larger, like the live view?

The live view sample on your web site (the one with the ukulele) is how I would rather see the thumbnails, or better yet, without border but filling up the left hand side of the date bar entirely. Can you tell me what CSS code would be needed to do accomplish that? https://theriver.church/wp-content/uploads/2021/12/thumbnail-request.png

Thank you!

BY: James Xavier - Dec 2,2021 AT 4:37PM - 1 month ago
    • By: James Xavier Dec 2,2021 AT 4:38PM - Posted 1 month ago - #261504

    • By: James Xavier Dec 2,2021 AT 4:38PM - Posted 1 month ago - #261506

      ..instead of this:


    • By: Kenneth Dec 2,2021 AT 11:14PM - Posted 1 month ago - #261517

      Hi James,

      You can use the custom CSS code below:

      .eventon_events_list .eventon_list_event .ev_ftImg {

          background-repeat: no-repeat;

          width: 150px;

          height: 100px;

          max-height: 100px;


      Add the code in EventON > Styles ( (If you don’t see any change, EventON > Scripts & Styling > turn off Write styles to header > save settings > turn on Write styles to header):

    • By: James Xavier Dec 3,2021 AT 10:31AM - Posted 1 month ago - #261569

      Thank you, that made a huge difference!

      Is there any way to remove/reduce the padding around the image so that it basically takes up the entire left end of the bar? Still a tad wide.. If possible to make it look more like the image I had uploaded… Thank you so much if you can help me with this. Love the product, really looks nice.

    • By: Artem Dec 3,2021 AT 1:01PM - Posted 1 month ago - #261600


      This code should work:

      .eventon_events_list .eventon_list_event .ev_ftImg { margin: -20px 20px -20px -20px; height: 112px; max-height: 112px; }

You must login to reply to this ticket


Welcome to EventON helpdesk.

EventON is the #1 Best selling event calendar plugin for WordPress websites in envato marketplace.

Checkout EventON