graphic to left of summary in list view

[Lora]

Hi. Complete newbie here. I’d like to get my events to display with the graphic to the left, then the summary as it is on your showcase site http://www.chicagoareayoga.com/eventstraining/list/. Right now in my list view the graphic is on top and the summary below.

[Geoff B.]

Good afternoon Laura and welcome to the Events Calendar Support forum!

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

As you might know, display results will largely depend on the WordPress theme being used.

 

I took a look at your site and it looks like you have already fixed the issue with CSS (which was going to be my suggestion).

Can you confirm ?

Have a good weekend,

Geoff B.

[Lora]

Geoff,

You said “I took a look at your site and it looks like you have already fixed the issue with CSS (which was going to be my suggestion).”

I have no idea what CSS even is so if something was fixed, it was a total accident. 🙂 Any other suggestions for getting the layout as wanted?

[Geoff B.]

Good evening Laura,

Thank you for taking the time to write back.

Before we continue, could you clarify which view on our demo site you are referring to ? (perhaps just the link would help).

Based on your description, I was under the impression that http://wpshindig.com/events/list/

The only part missing from your current view would be the event description.

You can control that with the Excerpt field in your event. I would recommend reading the following on that subject: https://theeventscalendar.com/the-trouble-with-excerpts/

Have a good weekend,

Geoff B.

[Lora]

I’m talking about the display referred to in my origianl post. http://www.chicagoareayoga.com/eventstraining/list/.

[Geoff B.]

Good evening Lora,

Thank you for the clarification.

This is totally my bad. My apologies.

Try adding the following CSS rule to your style.css file or in your Custom CSS metabox:

.tribe-events-list .tribe-events-event-image+div.tribe-events-content {
width: 59% !important;
padding: 0 0 0 7px !important;
}

To achieve that, you can simply paste the code above in Appearance > Customize > Additional CSS in wp-admin on your site.

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