Too much space betweet events

  • Resolved luciojmartinez

    (@luciojmartinez)


    8 years, 2 months ago

    Hi

    I am using Modern Tribe’s The Events Calendar plugin (free version) which comes with a widget of events listings. However I cannot seem to control the space betwwen the events listing in the said widget.

    I’ve seen the forum posts and I’ve put this code

    .tribe-events-list-widget ol li {
    margin-bottom: 0;
    padding: 10px;
    }

    in the Poseidon Child: Full d’estil (style.css) but nothing happens. Is there where I’ve put it.

    the url of my page is https://lnx.universitari.org/wp/

    regards

    Lucio

Viewing 7 replies - 1 through 7 (of 7 total)

  • I also have the problem
    Screenshot:

    how can i change it?

    • This reply was modified 8 years, 2 months ago by ps915.

    Hi Lucio,

    There are a few ways you could go about it.

    One idea is to decrease the vertical padding for each event in the widget:

    .tribe-events-list-widget ol li {
  padding: 5px 10px; /* Change the 5px to modify vertical padding */
}

    Or, you could remove margin from the event title:

    .tribe-events-list-widget h4 {
  margin: 0;
}

    You can add CSS snippets to either your theme’s style.css file or by using the new CSS editor in the WordPress Customizer under Appearance > Customize > Advanced CSS.

    What I provided you above may or may not work and you will likely need to play around with them to get them working exactly how you want. I do hope, however, that this at least gives you a good start.

    Thanks!
    Geoff

    Hey Geoff,

    thanks for the really fast support, solved my problems and now its what i want it to look

    .tribe-events-widget-link {
  margin-top: 10px;
}

.tribe-events-list-widget ol li {
  padding: 0px 10px;
  margin-bottom: 0px;
}

.tribe-event-duration {
  font-size:12px;
}

    • This reply was modified 8 years, 2 months ago by ps915.

    Excellent!

    Hey, thanks! I had the same question and, thanks to you, Geoff, not only solved the spacing issue, but now understand how powerful the super-cool “Additional CSS” window is.

    Happy New Year!

    • This reply was modified 8 years, 2 months ago by mongrel. Reason: Because I was dense and didn't read Geoff's original reply carefully

    but now understand how powerful the super-cool “Additional CSS” window is.

    Happy New Year!

    haha. exactly like me. thanks Geoff. happy new year to everyone ??

    Thread Starter luciojmartinez

    (@luciojmartinez)

    Hi Geoff

    Thanks for you very fast support. My web looks much better. I’ve put

    .tribe-events-widget-link {
    margin-top: 0px;
    }

    .tribe-events-list-widget ol li {
    padding: 0px 0px;
    margin-bottom: -10px;
    }

    .tribe-event-duration {
    font-size:12px;
    }

    You can see the results in https://lnx.universitari.org/wp/

    but, is possible to reduce the space betwwen the title and the date?

    I tried with the ps915 solution but my results don’t be the same.

    regards

    Lucio

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Too much space betweet events’ is closed to new replies.