Display a separator between events in list view

[lloydsilver]

How could I display a separator like:

______________________________________________________

in between events when displaying in list view?

[Barry]

There are a few different ways you might do that, one could be to add an extra CSS rule to your stylesheet:

#tribe-events-loop > div { border-bottom: 1px solid #faa; }

That could either go in your theme’s stylesheet or your custom events.css stylesheet (to learn about setting up a custom events.css stylesheet please see our themer’s guide) – if you are at all unsure about where it goes, the bottom of the file is usually a safe bet 🙂

[lloydsilver]

Perfect, thanks. And thanks for the bonus lesson on using “>” in CSS.

[Barry]

Happy to help 🙂

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts