Align Feature Image Left of Event Description Text

[Jordan Polon]

Is there a version of this: http://pastebin.com/wt1VHQta that can be used to align the feature image to the left of the event text? I’ve tried adjusting it, but it seems to really only work for a centered image. Thanks very much!

[Julie Kuehl]

Hi Tara,

I apologize for the delay in responding to your issue. We’ve failed to meet our own standard of a 24 hour turnaround.

That being said, I’m going to pass along your question to one of our more dev-minded team members to help out with. They’ll be able to address it better than I. I’ll ask that they look at it first thing tomorrow.

Again, apologies. And we’ll do our best to get you sorted.

— Julie

[Kelly]

Hi, Tara. I wanted to check in with you about your issue. Would you mind confirming that you still would like help troubleshooting this?

If so, it would be great if you could post a screenshot of how you would like the site to look before/after so we can tell what you’re after here.

Thanks so much!

[Jordan Polon]

Hi Kelly-
I would still like help; I’ve just gotten back from a trip and I will post a screenshot first thing. Sorry for the delay in response,
Tara

[Kelly]

Thanks, Tara. We’ll be here when you’re ready.

[Jordan Polon]

I haven’t been able to resolve this yet, but this is what I want it to do: https://docs.google.com/file/d/0B2D-rWe0R-iBNnRqbXpST0JxMEE/edit?usp=sharing

What you see there is is the post image, but I’d like the featured image to have that exact placement, so I can have the image 1) show in the event list and 2) not be separate form the text in the listing. Does that make sense?

Thanks in advance for your help!

[Kelly]

Hi, Tara. I think I understand. You’re saying that in the List View, you’d like to use the body of the event content rather than the WP generated excerpt + Featured image.

To do this, you’ll need to set up a template override for the list view. (Please see the Themer’s Guide, linked in the right sidebar, on how to set that up.) Then, in the views/list/single-event.php file, you’ll want to change to .

It’s also worth noting that this should ideally be placed in your child theme so that it doesn’t get overwritten after a theme update. More information on how to create one is available in this great Codex article.

Hope that helps!

[Jordan Polon]

Thanks for the prompt response. Just curious: is there a way to make the featured image move instead of using the above solution? The featured image is useful for Facebook posts, so I would like to use it. We currently aren’t. If not, I’ll do what you suggested.
Thanks so much!

[Kelly]

Hi, Tara. You are totally welcome to tweak our plugin and its templates to your heart’s content. Let me share with you the documentation you’ll need to get that done. 🙂

First, it’s worth checking out our Themer’s Guide, linked in the right sidebar. That should give you a basic grounding in what files are available and where. 🙂 Then, we have our technical documentation at http://docs.tri.be. That will give you more granular technical documentation on the innards of the plugin.

While we’re not setup to create customizations for individual clients, we do maintain a list of freelancers that we can vouch for. 🙂 Let us know, and we’d be happy to give you suggestions.

Sorry that we can’t be of more direct help with this. Please let us know if there’s anything else we can do!

[Jordan Polon]

I know you cant do customizations (and that I’m always asking), but I was really just wondering why the version of this works for centering, but not when you alter it for a left alignment, which seemed maybe like a bug. http://pastebin.com/wt1VHQta

If that can’t be answered I’d take a freelancer list if they can help with little problems like this one. Thanks.

[Barry]

Hi Tara,

Your CSS rule looks fine to me – if it’s not being observed then it may be because it is being overridden by another rule later on or may not be interpreted because of an error elsewhere in the same stylesheet you added it to.

Do note that this rule will only centre the image within it’s containing div (.tribe-events-event-image), however – so if your intention is to have text flow to the side of it you would also need to reduce the width of that div and float it to the left.

Hope that helps – and I’ll go ahead and close this thread 🙂

[Author]

Posts