Hello! We are online right now 14:17:34

The support team is online and will be able to answer your inquiries. Please stay calm, follow the rules and do not cross post. We'll attend to you as soon as we can.

Official support hours are from 8:30AM — 5:00PM Monday to Saturday (GMT +7)

New topic

Change the thumbnail size of Content Gallery with Azur Theme?

Tony
11 years ago
Hi, Can I change the thumbnail size bigger of Content Gallery with Azur Theme?

I tried to change the Max heigh thumbnail (px) & Max width thumbnail (px) setting in the plugin setting to other value.

But when i change, the thumbnail under the slide disappear. It will appear if change back the size to 133.

And I tried to change css to make the thumbnail bigger. It work! But I can't find the way to change the height of the slider to make everything find to display.

Could you please tell me how to do that? Thanks!

Tony

4 replies

Victor
11 years ago
Hello Tony,

Number 133 is not size of thumbnail. It is size to crop image from folder or local images. In order change size of thumbnail, you must modify css file: plugins/content/gallery/extend/themes/azur/galleria.azur.css, not only change size of thumbnail but also change size of bar+button :)
Tony
11 years ago
Thanks for your help.

I can change the size of thumbnail and the bar+button. But i can't find the way to change the width & height of the <div> "galleria-container". Where can I change it? Thanks!
Untitled-1.jpg 84.33 K
Untitled-1.jpg
Tony
11 years ago
I find a not perfect way to make it.

Change CSS:

.galleria-thumbnails .galleria-image {
height: 80px;
width: auto;
}

.galleria-bar {
   overflow: initial;
}

.galleria-thumbnails-container {
   top: -46px;
}

.galleria-stage {
   bottom: 86px;
}

If you want to change the height ratio of the slide image, change all the value "height: 0.5625" in gallery.php. You can test which value is better.
Victor
11 years ago
By default, width of galleria-container will equa width of box that contain it. But, you can change these site by adding "!important" after each property. Example:

width:600px !important;
height:350px !important;
Reply to

Product Changelogs

JLex Review 6.4.7
# Fixed login with Facebook.
# Fixed the issue of being unable to retrieve a user's profile picture on Facebook.
# Fixed known bugs.
JLex Comment 3.6.1
^ Integrate the Finder (Smart search) plugin.
# Fixed login with Facebook.
# Fixed the issue of being unable to retrieve a user's profile picture on Facebook.
# Fixed a bug related to editing comments in the front-end.
# Fixed bug "Jump to comment is broken".
# Improved the data structure.
JLex Block 6.1.7
# Fixed known bugs.
# Updated GEO servers.
JLex Review 6.4.1
# Improved template.
# Fixed missing translation errors.
# Fixed field data type errors.
# Fixed known minor bugs.
Youtube Feed Pro 6.0.5
# Fixes the issue of thumbnails not loading.
JLex Review 6.3.7
^ Integrated Finder plugin.
# Fixed known bugs.
Youtube Feed Pro 6.0.4
# Redesign themes
# Optimize source code (reduce 35%)
# Optimize processing time
# Dark Mode in the admin section
# Support for changing thumbnail size.
# Compatible with Joomla 5.4.x and 6.
✨ All extensions are now fully compatible with Joomla 5.4.x and 6.
Sign in to your account
Use your social accounts to sign in