{"id":1532167,"date":"2018-05-16T13:48:48","date_gmt":"2018-05-16T20:48:48","guid":{"rendered":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/advanced-list-widget-tribe_events_list-how-to-fix-the-spread-out-display\/"},"modified":"2018-05-17T05:16:27","modified_gmt":"2018-05-17T12:16:27","slug":"advanced-list-widget-tribe_events_list-how-to-fix-the-spread-out-display","status":"closed","type":"topic","link":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/advanced-list-widget-tribe_events_list-how-to-fix-the-spread-out-display\/","title":{"rendered":"Advanced List Widget: [tribe_events_list] – How to fix the spread-out display"},"content":{"rendered":"

Hi!<\/p>\n

I have inserted the Advanced List Widget via shortcode into a text box using the Avada Theme. My shortcode is as follows: [tribe_events_list tags=”#232″]. The 232 is code for the tag “back to school” – the information I wish to pull onto the page.<\/p>\n

When viewing the live page, I can see that the events that are listed are not formatted nicely at all; and are really spread out; almost like there is too much padding top and bottom. The image setup is also not optimal. I tried to play around with this using “Inspect” in Chrome, but was unable to reduce the space above or below by reducing padding or margins, although I could reduce space before the title.<\/p>\n

Here is a link to the production page I am working on; https:\/\/www.westmountcharter.com\/parents\/back-to-school-3\/<\/a> password is [removed by support]. If you scroll down from the top, you will see two test events I entered into the calendar.<\/p>\n

I tried a bit of css just within Avada, but can’t really effect much of anything.<\/p>\n

I then followed the instructions here:<\/p>\n