roll over event boxes cut off & images not resizing when imported

[Jayson]

https://sandiegohopshighway.com/events/

When I rollover an event in “View as Month” and the event details pop up box appears, the top of box is cut off by the event search & title sections above it.

Also when I use the facebook importer and an image in imported along with the event, the image extends outside the rollover box.

View post on imgur.com

[George]

Hey @Jayson,

Both issues are caused by CSS rules in your theme. For the top-being-cut-off issue, your theme has a blanket rule for all tables that sets their overflow property to hidden! 🙁

You can overwrite that by adding the following CSS to the bottom of your theme’s style.css file:


body table.tribe-events-calendar {
overflow: visible !important;
}


—

When it comes to the overflowing of the images, try adding this CSS to the bottom of your theme’s style.css file:


.tribe-events-tooltip .tribe-events-event-thumb img {
max-width: 100% !important;
width: 100% !important;
}

Cheers!
George

[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