Horizontal list view

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

  • Hello,
    so is there someone with a solution??? I’m interested, too…
    Regards,
    Sven

    Had the same problem, but figured it out. Just add this code to the bottom your styles.css

    .ecs-event-list li {
    float: left;
    padding: 10px;
    }

    The above does place the events next to eachother, but still on multiple lines.

    The h4 and span tags makes the list break to a next line.

    I added the following css:

    ul.ecs-event-list {
    display: inline !important;
}
.ecs-event-list li {
    list-style-type: none !important;
}

h4.entry-title, span.tribe-event-time {
	display: inline;
    padding-right: 20px;
}

    display inline mainly moves an event + details to a single line.
    list-type basically removes the dot
    padding gives..well…padding.

    Cheers

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Horizontal list view’ is closed to new replies.