List Style

[nsidhom]

Is there a way to style my event page so that my picture is on the left side of the page, and the except details are on the right?

http://www.bellevue.org/event

[Geoff B.]

Good evening Noah and welcome back!

Thank you for reaching out to us.
I would love to help you with this topic.

The short answer is yes. You can accomplish this one of 2 ways:

1. Using CSS
2. Creating a slight template override. You might want to read our Themer’s guide to get a sense of how that works.

Here are some CSS rules to do that

.tribe-events-list .tribe-events-event-image {
max-width: 40%;
}

.tribe-events-list .tribe-events-list-event-description {
width: 55% !important;
}

As a side note, I am noticing that you are using the same slug (event) for both the full calendar view and the single events (as found under Events -> Settings -> General).

I would strongly recommend selecting different slugs to ensure proper functioning of the plugin.

Let me know how that goes.

Best regards,
Geoff B.

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts