Support

Support is part of Event Gallery Extended.

Please get a subscription if you need support. Feel free to use the ticket system or the contact form for reporting defects or pre-sale questions. Make sure you're logged in in order to be able to create a new ticket.

For general information you can also jump to the manual.

Subscribe now!

#3149 – word/line break on thumbnails

Posted in ‘Event Gallery Extended’
This is a public ticket. Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.
Saturday, 05 May 2018 09:49 UTC
jeffmr2oc
The text in the event thumbnails has line breaks in the middle of words, have tried the custom code
#events .item .title {
word-break: break-word;
word-wrap: break-word;
}
but it has no effect. this link shows what I mean
 CLICKY

Also when the same page is viewed on a mobile device (portrait mode) the event text is totally messed up, doesn't seem to resize properly ?
Regards

Custom Fields

Event Gallery Version Event Gallery 3.9.2 (build ca3cfef)
Joomla Version Joomla! 3.8.7
Saturday, 05 May 2018 10:24 UTC
sbluege
Hi,

seems like there are always three events per row. Please try to enable the responsive CSS loading in the components options. Does this work for you?
 
Saturday, 05 May 2018 10:27 UTC
sbluege
by the way, the CSS you added is invalid. That causes it to do nothing. Added correctly it would help you with the wrapping.

Attachment
2018-05-05_12-26-51.jpg
 
Saturday, 05 May 2018 10:54 UTC
jeffmr2oc
The CSS was copied from your reply to one of the support tickets on here, what would be the correct code to add ?
I've enabled the responsive CSS loading and that has helped with the event view but the text on the category view is still messed up, see attached screen shot
Regards
Edit
sorted the CSS ( I think) our mistake.
Attachment
mobile_portrait.jpg
Saturday, 05 May 2018 11:11 UTC
sbluege
I see. Seems like the responsive CSS loads in the wrong way. I'll fix that in the next version. Until then you can open the file:
components\com_eventgallery\helpers\medialoader.php and delete line 50-52 which look like this:

        if ($loadResponsiveCSS === true) {
            $CSSs[] = 'frontend/dist/responsive.css';
        }


This code exists twice in that file. Please leave the other occurrence in there. Does this work for you?

The text-wrap CSS is fine. My screenshot shows that there is a missing curly brace in the existing CSS. If you can't fix that, try to add the snippet at the top of that file.
 
Saturday, 05 May 2018 11:29 UTC
jeffmr2oc
we think we have correctly added the } and deleted the code as per instructions
Saturday, 05 May 2018 11:33 UTC
sbluege
You did. The code is now as it is supposed to be. Does the result meet your expectation?
 
Saturday, 05 May 2018 11:38 UTC
jeffmr2oc
Yes it looks like both things are sorted (see attached screen shot) Thanks for your prompt help, much appreciated.
Regards
Jimi
Attachment
mobile_portrait_sorted.jpg
Saturday, 05 May 2018 11:40 UTC
jeffmr2oc
One more thing would it be possible to remove the Subcategories text that is shown below MR2OC in that screen shot ?
Regards
Jimi
Saturday, 05 May 2018 11:43 UTC
sbluege
Yes. But you would need to use CSS to hide that thing. There is no option for that. If you want to change the text, you can do this with language overrides.
 
Saturday, 05 May 2018 15:25 UTC
jeffmr2oc
Cheers
Managed to achieve what we wanted using a language override.
Regards
Jimi