Unordered lists not formatting

Hi @bigbluesquid!

This isn’t something that I can replicate when using a default WordPress theme such as Twenty Seventeen, so I suspect it is at least partly to do with the CSS rules added by your theme.

What I’d recommend is working with the theme author or using a custom CSS plugin to add some more padding within the container used to house the event description, or else to add an extra margin to unordered and ordered lists in the same area.

Alternatively, it may be that simply adjusting the default events template (via Events → Settings → Display) brings things right.

Let me know how you get on!

Hi,
Thanks for that. I’ve added the following CSS which corrects the UL issue:

.tribe-events-content ul, menu, dir, ol {
list-style-type: disc;
list-style-position: inside;
margin-left: 15px;
line-height: 100%
}

The only outstanding item is the LI formatting.
This is the plugin CSS which affects it:

#tribe-events-pg-template .tribe-events-content ol li, #tribe-events-pg-template .tribe-events-content ul li, .tribe-events-after-html ol li, .tribe-events-after-html ul li, .tribe-events-before-html ol li, .tribe-events-before-html ul li {
line-height: 1.7;
margin: 0 0 20px;
}

Setting the margin to zero in Google Chrome Inspector, it looks great, but I haven’t been able to overcome it in my child theme stylesheet.

Hi

Did you try using !important? Like this:

.tribe-events-content ul, menu, dir, ol {
margin-left: 15px !important;
}

Let me know if that helps.

Andras

Hey there! This thread has been inactive for a while so we’re going to go ahead and mark it Resolved. Please feel free to open a new thread if any other questions come up and we’d be happy to help. ??