Events List page issue

[Carl]

Hello,
Thanks again for your amazing support. I have an issue which I just recently noticed. It’s with our events list page (http://goo.gl/0F32Y) and I can’t seem to find a fix for it. Two event titles seem to have been pushed to the right side of the page next to the preceding event. Please help me fix this issue.

Cheers,

Carl

[Jonah]

Hi Carl,

You need to clear the floated elements in the list. My suggestion would be to add another div around each list item and add a clear: both rule in the CSS to clear the floated elements.

I hope that helps!

– Jonah

[Carl]

Hi Jonah,

Thanks for helping me out here with this issue. I do have to humbly admit that I don’t have the first idea where I should start to implement these things. Is there any way you can give me a step-by-step for this? I’m sorry to be such a bother.

-Carl

[Richard]

Carl, I took a quick look. First, if you haven’t done so already, make a copy of events.css found in ../wp-content/plugins/the-events-calendar/resources and put the copy here /your-site.com/wp-content/themes/skeleton/events

This will keep your modifications intact when upgrading.

I think this will fix your problem…

Go to line 184 in the copy of events.css and add clear: both; so that it looks like this:

.events-archive .hentry {
margin:0;
padding: 0 0 15px 0 !important;
clear: both;
}

Hopefully, this is a good start to fixing your problem.

[Richard]

…of course, replace “your-site.com” and “skeleton” with your domain and theme’s folder name for this to make sense.

[Rob]

Thanks for the heads up, Richard! It was particularly fortuitous because Jonah left for a month starting today and won’t be back on the forums for a while. We appreciate the assist.

Carl: give the suggestions above a go and let us know if you have any other questions from there. Cheers!

[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