List Widget displays different

  • Resolved flatrock

    (@flatrock)


    9 years, 3 months ago

    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://www.ads-software.com/plugins/the-events-calendar/

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

  • Hey @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

    (@flatrock)

    https://www.nettipf.com/WP2015

    The home page has the “bad” version, while the other pages look the way I’d like

    Thanks Geoff,
    Pete

    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

    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; }

    Hi @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 to add it from the backend.

    Please let us know if that does the trick for you,
    Best,
    Nico

    Thread Starter flatrock

    (@flatrock)

    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.