Styling Event List Page

[Martin Pollack]

How do I style the List view for this plugin? Our site has a bunch of issues I would like to fix, can someone point me in the right direction?
https://odyseainthedesert.com/events/

Issues:

• Event listing text goes over the image on Safari.
• Each event listing text and image only goes 60% wide I would like it to go 100% wide
• I would like the image to go full width which is 970 currently it is cssed to only go 300px
• I would like the text to display under the image not next to it

I would love some help with these and then any advice you have to edit this page in general. I found this post but could not figure out how to edit the listed items.
https://theeventscalendar.com/knowledgebase/themers-guide/

[Andras]

Hi Martin,

Thanks for reaching out!

First I would like to point out that customizations are normally beyond the scope of the support we provide here in the help desk.

I’m sorry to hear about the Safari issue. I’ll get someone to check that if we can help. My hunch is that it’s a theme conflict.

The rest should be solved with the following css snippet, copy it into your theme’s style.css:

.post-type-archive-tribe_events .tribe-events-loop .type-tribe_events .tribe-events-event-image {
width: 100%;
margin-bottom: 20px;
clear: both;
}
.post-type-archive-tribe_events .tribe-events-loop .type-tribe_events .tribe-events-list-event-description {
width: 100%;
padding-right: 0;
clear: both;
}

Let me know if this does the trick.

Cheers,
Andras

[Andras]

And this should fix the issue in Safari:

.tribe-events-list .tribe-events-event-image+div.tribe-events-content { float: left; }

A.

[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