Event List Widget

[Steve LaBadie]

Having an issue with the Events List Widget where the event is appear way off to the right. I am not using the pro version for this build. http://quantum.esu.edu/npwp/

[Barry]

Hi!

Looks like your theme’s stylesheet sets some rules that impact on lists like the one in this widget. A few extra CSS rules should straighten things out, though:

.tribe-events-list-widget ol {
margin-left: 0;
}

.tribe-events-list-widget ol li {
border: none;
padding-left: 0 ;
}

You can add these to a custom tribe-events/tribe-events.css stylesheet within your theme directory – more details on setting this up can be found in our Themer’s Guide.

I hope that helps 🙂

[Steve LaBadie]

Barry,
Thanks for the css. It still needs a little more of a push to the left.

[Barry]

Hmm ok, it actually looks to me like it lines up nicely with the other widgets (with respect to the left hand margin). Is the problem that the content is cutting off? Could you add some additional CSS to contain it if so?

.tribe-events-list-widget ol li {
    word-break: normal;
    max-width: 240px;
}

Does that help?

[Steve LaBadie]

Thanks Barry, that sis it.

[Barry]

Excellent 🙂

I’ll go ahead and close this thread – but if we can help with anything else please don’t hesitate to create new threads as necessary and one of the team will be only too happy to assist you.

Last but not least, if you have a moment to spare and wished to leave a note on our plugin review page we’d love to hear from you – thanks again!

[Author]

Posts