Event list widget spacing

Resolved MKTGLinks
(@mktglinks)

10 years, 7 months ago

I’m using the AVADA theme and I’ve created a widget for my sidebar to display an event list. The spacing is such that the first line and second line info, though to the same event, are separated so that the second line looks to go with the first line of the second event and so on. I just want to change the styling of the events list widget. Is it possible to adjust the existing style?

I’ve tried creating a folder in my theme /tribe-events/widgets with modified code, but spacing remains the same. Coding is NOT my strong suite so I don’t know if that’s the problem or what. When that didn’t work I deleted it. Here’s what it looks like now:

Upcoming Events

Target Free First Friday Nights

October 2 @ 5:00 pm – 9:00 pm
FREE Shopping Day for Kids in Foster Care

October 10 @ 10:30 am – 12:00 pm

View All Events

I would like it to look like this:

Upcoming Events

Target Free First Friday Nights (Event 1)
October 2 @ ……

FREE Shopping Day for Kids in Foster Care (Event 2)
October 10 @ ………

View All Events

HELP please!!

https://wordpress.org/plugins/the-events-calendar/

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

Plugin Contributor Brian
(@brianjessee)

10 years, 7 months ago

Hi,

Thanks for using our plugins. We can try to help out.

This sounds more like some css might fix the issue.

Do you have a link and we might be able to provide some css to help.

Thanks

Thread Starter MKTGLinks
(@mktglinks)

10 years, 7 months ago

Brian,

Here’s a link http://azafap.org/. BTW, the spacing issue is present regardless of the number of events displayed. Currently, it’s set to show 3 events.

Thanks!

nikkles
(@nikkles)

10 years, 7 months ago

Hi,

Great plugin, but I have the same issue http://vccfa.ca/about-us/

It puts a space, and adds the the date on top of the next event (so it looks like the date is on the wrong day).

Important Dates

VCCFA & FPSE presents:
Social Justice & Education

September 30 @ 3:30 pm – 5:00 pm
VCCFA & FPSE presents: Basic skills are more Important than ever

October 29 @ 7:00 pm – 9:00 pm
VCCFA Annual General Meeting, Elections, Dinner & Social

December 3 @ 2:30 pm – 7:30 pm
nicosantos
(@nicosantos)

10 years, 7 months ago
Hi there @mktglinks and @nikkles,

This CSS snippet should do the trick for you, you can add it directly to your theme stylesheet -wp-content/themes/your_theme/style.css- or via Simple Custom CSS plugin:
```
.tribe-events-list-widget-events h4 {
    margin-bottom: 0!important;
}
.tribe-events-list-widget-events .duration {
    margin-bottom: 15px;
}
```
Please let me know if you still have troubles figuring that out,
Best,
Nico
nikkles
(@nikkles)

10 years, 7 months ago

Hi nicosantos,

Great fix!

And your timing couldn’t be better.

Thank you,
nikki

Thread Starter MKTGLinks
(@mktglinks)

10 years, 7 months ago

This fixed the issue. Thank you, nicosantos!!
I’m a happy camper. 🙂
Michele!

rasskapin
(@rasskapin)

9 years, 10 months ago

Hi there,

I’ve got the same issue as above, but the solution doesn’t work for me. I’m using SKT Yogi Pro theme. What am I doing wrong?

http://leichtigkeitdurchtraining.de/

Thanks in advance for your support!
Martin

Geoff Graham
(@geoffgraham)

9 years, 9 months ago

Hi @rasskapin,

Will you please open a new thread? It looks like Nico’s solution worked for others, so the issue you’re reporting could be something different altogether and we ought to troubleshoot in a way that won’t ping everyone else on the thread.

And, when you do, please try testing for conflicts in advance and let us know if you notice any difference in default WordPress conditions.

Thanks so much!
Geoff