Title: List Widget displays different
Last modified: August 30, 2016

---

# List Widget displays different

 *  Resolved [flatrock](https://wordpress.org/support/users/flatrock/)
 * (@flatrock)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/list-widget-displays-different/)
 * In the sidebar, I have the Event list widget displaying the way I like it. With
   no numbered list and nice tight spacing between lines/posts.
    However, on a page,
   using Pagebuilder and inserting the Event List Widget, It has numbers and awful
   spacing between lines. Any suggestions on how to keep them the same? I want to
   exclude the numbers, and tighten up spacing.
 * I’m using Mantra theme, a child, and have this CSS in place which seems to work
   for sidebar only.
 * li.tribe-events-list-widget-events h4.entry-title.summary a { font-size: 12px;
   color: blue; }
    li.tribe-events-list-widget-events h4.entry-title.summary { padding-
   right: 0px; line-height: 15px;} .tribe-events-list-widget ol { margin:0; } li.
   tribe-events-list-widget-events { margin-bottom: 10px; } .tribe-events-list-widget
   ol li { margin-bottom: 0; }
 * [https://wordpress.org/plugins/the-events-calendar/](https://wordpress.org/plugins/the-events-calendar/)

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

 *  [Geoff Graham](https://wordpress.org/support/users/geoffgraham/)
 * (@geoffgraham)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/list-widget-displays-different/#post-6479401)
 * Hey [@flatrock](https://wordpress.org/support/users/flatrock/), and thanks for
   getting in touch!
 * Do you happen to have a link where we can see the layout? We might be able to
   suggest minor styling changes to help tighten things up a bit from there.
 * Thanks!
    Geoff
 *  Thread Starter [flatrock](https://wordpress.org/support/users/flatrock/)
 * (@flatrock)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/list-widget-displays-different/#post-6479446)
 * [http://www.nettipf.com/WP2015](http://www.nettipf.com/WP2015)
 * The home page has the “bad” version, while the other pages look the way I’d like
 * Thanks Geoff,
    Pete
 *  [BeardedGinger](https://wordpress.org/support/users/joshlimecuda/)
 * (@joshlimecuda)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/list-widget-displays-different/#post-6479597)
 * Hey Pete,
 * It looks like the page builder you’re using has a modified version of the widget
   class. So, for the styling that you’re using to get it to display the way you
   would like, you’ll need to target “widget_tribe-events-list-widget” versions 
   in addition to the “tribe-events-list-widget” that you’re currently using.
 * Let me know if this helps.
 * Thanks
 *  [MKTGLinks](https://wordpress.org/support/users/mktglinks/)
 * (@mktglinks)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/list-widget-displays-different/#post-6479624)
 * 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? If so
   where?
 * Is the solution the same as Flatrock? If so where I put the style information
   noted below. HELP please.
 * li.tribe-events-list-widget-events h4.entry-title.summary a { font-size: 12px;
   color: blue; }
    li.tribe-events-list-widget-events h4.entry-title.summary { padding-
   right: 0px; line-height: 15px;} .tribe-events-list-widget ol { margin:0; } li.
   tribe-events-list-widget-events { margin-bottom: 10px; } .tribe-events-list-widget
   ol li { margin-bottom: 0; }
 *  [nicosantos](https://wordpress.org/support/users/nicosantos/)
 * (@nicosantos)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/list-widget-displays-different/#post-6479626)
 * Hi [@mktglinks](https://wordpress.org/support/users/mktglinks/),
 * I’m not sure if the solution provided to Pete should work for your case.
 * Can you share a link to your site so I can take a look?
 * In case you might want to give that CSS snippet a try you can include it in your
   theme stylesheet located at _/wp-content/themes/your\_theme/style.css_ or yo 
   can also use a plugin like [Simple Custom CSS](https://wordpress.org/plugins/simple-custom-css/)
   to add it from the backend.
 * Please let us know if that does the trick for you,
    Best, Nico
 *  Thread Starter [flatrock](https://wordpress.org/support/users/flatrock/)
 * (@flatrock)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/list-widget-displays-different/#post-6479627)
 * Well, at first it did not work for me. I then updated both WordPress and the 
   Theme, as well as plug-ins and it seems much better. I don’t know for sure if
   it was the code, the updates, or both that fixed it? Either way, I really appreciated
   your help and love this calendar.

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

The topic ‘List Widget displays different’ is closed to new replies.

 * ![](https://ps.w.org/the-events-calendar/assets/icon-256x256.gif?rev=2516440)
 * [The Events Calendar](https://wordpress.org/plugins/the-events-calendar/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/the-events-calendar/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/the-events-calendar/)
 * [Active Topics](https://wordpress.org/support/plugin/the-events-calendar/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/the-events-calendar/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/the-events-calendar/reviews/)

 * 6 replies
 * 5 participants
 * Last reply from: [flatrock](https://wordpress.org/support/users/flatrock/)
 * Last activity: [10 years, 8 months ago](https://wordpress.org/support/topic/list-widget-displays-different/#post-6479627)
 * Status: resolved