Photo View: Text only in half of cell

[Glenn]

Hello,

I noticed this a while ago and implemented a fix for it (but it seems not in a child theme) 🙁

Since updating it’s baaaack! 😛

Text seems to only populate the left side of a column (See screen cap). Ends up making the entries way too tall.

Is this deliberate or unintentional. Where do I look to have it move the right margin to a more sensible location?

Thanks!

Glenn.

[Abigail Marshall]

I saw this problem show up with the 4.2 upgrade to — if you have a child theme, try adding this CSS specification for the class of the element giving you the problem:

width: 100%

It looks like the upgrade changed the base stylesheet and added a width specification of 60% for the class .tribe-events-content

[Glenn]

Thanks Abigail,

I think the change I made previously was to resolve another issue, so this might have been introduced with 4.2 as you mentioned.

For those playing along at home this is how I resolved it (Based on Abigail’s suggestion)

Added

/* =Theme customization for removing 60% text in Photo view
-------------------------------------------------------------- */
.tribe-events-loop .tribe-events-content {
    float: left;
    padding: 0 5% 0 0;
    width: 100%;
}

To style.css in my child theme directory.

All sorted now.

Thanks!

Glenn.

• This reply was modified 9 years, 10 months ago by Glenn.

[George]

Thank you so much for sharing your solutions here, folks!

Sorry about this bug—we’re already working on a fix so that this does not happen as broadly as it is happening now.

The CSS solution shared above is excellent. Here is another, alternative method if anyone’s interested:


.tribe-events-list-photo-description.tribe-events-content {
width: 100% !important;
}

Stay tuned to forthcoming maintenance releases where we will patch this up!

Thank you,
George

[Abigail Marshall]

Thanks — but I was seeing this problem in list view and the supplied CSS doesn’t work for that.

For me, this works:

.tribe-events-content {width: 100%!important;}

I’d note that I am using a modified list template that eliminates the <–Event Image –> section.

[George]

Thank you for sharing this solution, @Abigail! I hope that helps things for now—stay tuned to our next plugin releases for a proper fix.

Thank you for your patience with this!
George

[Geoff]

Hey there,

Just want to drop a quick note in here to let you know that Events Calendar PRO 4.2.1 is now available and it includes a patch for this issue. Please update and let us know if you continue to hit any trouble.

Thanks so much for your patience while we worked on this!

Cheers,
Geoff

[George]

😀

[Glenn]

Thanks. I removed the custom code and applied the update and all looks good…

Glenn.

[George]

Glad to hear it! 😀

[Author]

Posts