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.

Latest post by jeffmr2oc on Saturday, 05 May 2018 15:25 UTC

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

Edited by jeffmr2oc on 2018-05-05 09:54 UTC

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.

Attachments

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.

Attachments

mobile_portrait.jpg

Edited by jeffmr2oc on 2018-05-05 11:00 UTC

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.