Meta data next to image instead of on top

[Bartel]

Hi,

I would like the meta data next of the image. I now have turned it to float right; but can’t get it the the left using css.

http://prntscr.com/89fwm8

What would be the right thing to do?
Regards, Myra

[Bartel]

Hi, I now deleted foad right, because it messed up the singele events.

So, still the question, how can the meta data get next to the image?

http://prntscr.com/89fyuk

[Geoff]

Hello Myrna–nice to see you again. 🙂

The best way to go about this is to customize the template for single events. This is outlined in our Themer’s Guide (which I highly recommend reading), but basically boils down to this:

• Make a copy of the single-event.php template. It’s located at /plugins/the-eventts-calendar/views/single-event.php.
• Make a new folder in your theme directory called tribe-events
• Drop the copied single-event.php file in that folder

Now that the template is in your theme, you can modify it to suit your needs. In this case, move the event meta content right after the featured image. You may need to spend a little time finessing the layout with CSS but that should at least help you get the order you are looking for. 🙂

Cheers!
Geoff

 

[Bartel]

Hi Geoff,

Thanks for your reply! I’ve read the article and made the tribe-events folder in my theme. Will this also work in a child theme, or won’t it be gone when updating the theme?

But I think it’s the wrong template. Because I dont need it in the single page (I’ve hidden the image there) but in the list. So I changed list/single-page.php and it worked!! 🙂

But now, my filter bar on the left is missing!
When you go to the page, you see him for a second and then he’s gone.
I deleted the tribe-events folder in my theme, but that didn’t help.
Then deleted all css; no change.

Can you have a look at http://intimate-moves.nl/agenda/
It used to look like this: http://prntscr.com/89mm7r

Regards, Myra

[Bartel]

Hi Geoff,

I also have this problem; on every event, the text showing up on a different positions, while the classes are the same. http://prntscr.com/89ni6w

If I change the one event to make it right, the other shifts as well.. it keeps messing up.

This is the css I have now:

.tribe-events-list h2.tribe-events-list-event-title {
    margin-left: -110px !important;
    float: left !important;
}

.tribe-events-list .tribe-events-event-image img {
    float: left !important;
}

.tribe-events-loop .tribe-events-event-meta {
    float: left !important;
    margin-left: -235px !important;
    clear: inherit;
    margin-top: 45px!important;
}

Thanks for looking into it.. please look at the disappeared filter bar as well….

Regards, Myra

[Geoff]

Hi Myra (shoot, sorry for misspelling your name last time!)

Let’s stick to the first topic before we dive into anything else. In fact, it would be great if you could open a new thread for that second question so we can focus on the first one without letting the second one fall through the cracks. 🙂

Will this also work in a child theme, or won’t it be gone when updating the theme?

Absolutely, a child theme will certainly work and, in fact, is a great place to put the template overrides.

But I think it’s the wrong template.

You’re totally correct and sorry for leading you astray. I mistook the first screenshot you shared as a single event post, but you found the exact template, which is list/single-event.php. Nice work!

But now, my filter bar on the left is missing!

I see you’ve been using some custom CSS, specifically some that repositions elements on the List View. Is it possible that could be pushing the Filter Bar off the page? Perhaps try removing the temporarily as a test to see if that is what’s happening.

The other thing you can do is check to make sure you are using the Default Event Template under Events > Settings > Display. It looks like you may be using a theme template instead, so I just want to check that settings before we did much deeper. 🙂

Thanks for working with me on this as we continue figure it out. 🙂

Geoff

[Bartel]

Ok, I switched to default event page (instead of default page template) that might worked. Now, the filter bar is showing 🙂 But not opening by default: http://prntscr.com/89xrfq

I already tried deleting the css already, but I switched to the main theme so definitely all my css in my child theme was inactive. But that didnt change anything.

I now deactive the filter bar for now again.

Regards, Myra

[Geoff]

Hi Myra and thanks for giving that a go! Sounds like we’re making progress if the Filter Bar is now able to display.

Now, the filter bar is showing But not opening by default

Do you have the setting enabled that expands the filters by default? You can check this under Events > Settings > Filters. Check that the “Filters Default State” option is set to Open and that you save the settings from there.

If that works, great! If not, please re-activate the Filter Bar plugin so I can troubleshoot further from the site.

Thanks!
Geoff

[Bartel]

Hi Geoff,

yes I got the settings right. So I installed the Filter add-on again while using theme2015. The opening by default worked if I changed the settings a couple of times. Then, I switched to my child theme, and it was ok.

This happened 3 times; now the agenda is finsihed http://prntscr.com/8awkj5 and I hope the filter bar is staying. If it’s happening again I guess I have to get a refund but I got good hopes it’s turning out well.

Thank for your help.
Regards, Myra

[Geoff]

Great, thanks for following up and sharing an update, Myra! Sorry for the inconsistent behavior, though I’m glad it’s working at the moment.

Please do hit us up if you continue to see issues here. The fact that things work in the Twenty Fifteen theme makes me think there could be a conflict with the other theme–but we’d be happy to try to pinpoint it with you (and perhaps with the help of the theme author as well) to see what we can do to make it more stable there.

Cheers!
Geoff

[Author]

Posts