Hi
We are using Categories - List as a menu item, it works fine but we would like change the thumbnail size but can't find out how to do it, can you assist ?
Regards
Jimi
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!Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.
Latest post by sbluege on Monday, 17 March 2025 16:03 UTC
Hi
We are using Categories - List as a menu item, it works fine but we would like change the thumbnail size but can't find out how to do it, can you assist ?
Regards
Jimi
Hi Jimi,
I understand you want to change the size of the 4 category tiles on the gallery.html page.
The width of those elements is set by CSS. You can overload this in your templates custom CSS file.
https://www.svenbluege.de/joomla-event-gallery/event-gallery-manual/customize-responsive-layout
https://www.svenbluege.de/joomla-event-gallery/event-gallery-manual/customize-eventlist
I'm not sure how familiar you are with CSS. Overall, it's just some media queries and CSS styles. With the current setup, you have different settings depending on the width of the browser window, from 2 to 5 items per row.
Below the categories, you placed a module. If you want to resize the thumbnails there, please check the module configuration. I guess you see a 330 somewhere there.
Thanks for the reply
I read up on the two links you provided but because we are using Astroid Framework and a Joomplates Template I couldn't be sure where to place the custom CSS. However I found that in the component (event gallery) options we had the "Load responsive CSS" setting set to Static, I changed this to No and this has resized the category tiles as I had wanted. If I can work out where to put the custom CSS I may well try some more customisation.
Regarding the module below the tiles I had already found out how to resize the thumbnail in the module configuration, the 330 was my setting (now 262) but thanks for pointing it out..
Thanks for your help, much appreciated
Regards
Jimi
The custom CSS is different for every template. Some have the option to directly add this in the template configuration, others have dedicated files for that. Checking with your template vendor or their documentation will quickly reveal the right way.
I have a new feature in the next version. You can now add breakpoints without custom CSS. Check the confirmation of the component. You'll find a Breakpoint editor where you can add your custom configuration.
Let me know what you think.
Tried out the breakpoint editor on my other site, excellent, easy to use and the ability to choose the the number of items per row is great. Nice addition to Event Gallery, it's persuaded me to go for Event Gallery Extended on my other site as well https://jlawson.co.uk/index.php/photo-albums
Regards
Jimi
Thank you for the feedback! So this breakpoint editor is easy enough to use. The documentation is not great so far for it. But it was time. A larger amount of support requests are around "how to change the size of thumbnails" and not everybody is good in doing CSS changes.