X
244488

Adjusting gutter

Hi EventOn,

I tried using the code you provided for increasing gutter while still keeping three tiles on the same row.
But I would like to increase the gutter a little bit further to around 15px.

Could you please advise me how to customize the code?

https://dev.ungdomsringen.dk/events-workshops/

Used this one:

ajde_evcal_calendar.boxy .eventon_list_event {

width: 49.5%;

margin: 0 .25% .5%;

}

.ajde_evcal_calendar.boxy #evcal_list {

margin: 0 -.25%;

}

.ajde_evcal_calendar.boxy.box_3 .eventon_list_event, .ajde_evcal_calendar.boxy.box_3 .evoShow_more_events {

width: 32.5%;

margin: 0 .25% .15%;

}

@media (max-width: 650px){

.ajde_evcal_calendar.boxy.box_3 .eventon_list_event, .ajde_evcal_calendar.boxy.box_3 .evoShow_more_events,

.ajde_evcal_calendar.boxy .eventon_list_event{width: 100%;}

}

BY: Lars Bugge - Jul 9,2021 AT 5:57AM - 3 years ago
    • Kenneth Jul 9,2021 AT 6:07AM - Posted 3 years ago - #244489

      Hello,

      Edit the code below:

      .ajde_evcal_calendar.boxy.box_3 .eventon_list_event, .ajde_evcal_calendar.boxy.box_3 .evoShow_more_events {

      width: 32.5%;

      margin: 0 .25% .15%;

      }

      to:

      .ajde_evcal_calendar.boxy.box_3 .eventon_list_event, .ajde_evcal_calendar.boxy.box_3 .evoShow_more_events {

          width: 30.5%;

          margin: 0 .5% .15%;

      }

      Feel free to pay around with the values until you achieve the look you want.

    • Lars Bugge Jul 9,2021 AT 8:12AM - Posted 3 years ago - #244510

      Thank’s Kenneth!

      Worked like a charm!

    • Kenneth Jul 9,2021 AT 8:27AM - Posted 3 years ago - #244514

      You are very much welcome! If you have a moment, we would greatly appreciate if you could kindly leave us a review at codecanyon from your account > downloads. 

      Cheers!

You must login to reply to this ticket

HelpDesk

Welcome to EventON helpdesk.

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

Checkout EventON