Single Event – Image Left and Description float Right

[shreinmedia]

Support has been great in helping me get my image justified left, thank you. Now I’m seeing the single event description running underneath the image after the padding.

I want the full single event description to run right of the image for the full height. Any help is appreciated. Thank you.

[Geoff]

Hi There, David! Thanks for getting back in touch. 🙂

It looks like you’ve already reviewed our Themer’s Guide and created your own custom tribe-events.css stylesheet–great work!

First, let’s push the image all the way to the left:

.tribe-events-event-image { float: left; }

Then, let’s limit the width of the event description to 50% and push it to the left as well:

..single-tribe_events .tribe-events-content {
  float: left;
  max-width: 50%;
}

Lastly, we’ll need to position the Google Calendar and iCal buttons so they stay out of the way:

.tribe-events-cal-links { float: left; }

Does that help?

Cheers!
Geoff

[Geoff]

Hey there, just checking in to see if there’s been any further update or if you still need assistance on this one–let me know. 🙂

Cheers!
Geoff

[shreinmedia]

I added the code but for some reason it still doesn’t render correctly. Thoughts??

[Geoff]

Hi there, David!

I don’t see the second line in your CSS. Will you drop this in there:

.single-tribe_events .tribe-events-content { 
  float: left;
  max-width: 50%;
}

Give that a shot and let me know if that works. 🙂

Cheers!
Geoff

[Geoff]

Hi there, David! It’s been a while so I’m going to go ahead and close this thread. Please feel free to hit us up with a new thread if any other questions pop up. We’d be happy to help. 🙂

Cheers!
Geoff

[Author]

Posts