Gaps in event_embed

  • Resolved JacobALund

    (@jacobalund)


    8 years, 10 months ago

    Hi

    I’m using the shortcode [event_embed limit=”3″] to display upcoming events on the homepage of my website. However, I am not quite happy with the gaps.

    There is a gap between the name of the event and the date, which I don’t think, should be there. Moreover, there is no gap between the teasers and the next event, which I would like there to be.

    I have illustrated it on this pic: https://greennetwork.dk/kalender.PNG
    The red line is where I want to remove the gap, and the blue one is where I would like a gap instead.

    I hope you can follow what I mean, and that you can help ??

    https://www.ads-software.com/plugins/the-events-calendar/

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

  • Hello,

    You can right-click your mouse and open “Inspect” – from there you can identify CSS classes and make changes via your theme’s style.css file. If you provide a link, I’d be happy to point you in the right direction.

    Have a good week!

    Thread Starter JacobALund

    (@jacobalund)

    Hello,

    Here’s the link to my site: https://greennetwork.dk/

    The upcoming events are showing at the homepage, you can’t miss it if you look at the screenshot.

    It would be a big help if you would point me in the right direction since CSS is not my strongest side ??

    Jacob

    Hey Jacob!

    You might want to try something like this:

    .embedded-event {
  margin-bottom: 15px; /* or whatever value you'd like */
}

.embedded-event h3 {
  margin-bottom: 0;
}

    Cheers!
    Geoff

    Thread Starter JacobALund

    (@jacobalund)

    I think that actually did the job – thank you!

    Brook

    (@brook-tribe)

    You are so welcome. Thanks for getting back!

    Cheers!
    – Brook

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Gaps in event_embed’ is closed to new replies.