Zen mode 07:07:37

It is currently our zen mode where we get some rest so that we can come back to work feeling refreshed the next day and assist you with your issues. Some answers may already be available on our documentation.

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

JLex Transfer 1.6.6 is ready!
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 Transfer 1.6.6
^ Added a "resume migration" feature for cases of interruption.
^ Added advanced options for the category.
# Improve user interface
# Optimize the data importing.
# Fixed known issues
JLex Review 6.5.1
^ Bridging feature. See its documentation for details.
^ Option resize image if too large.
# Fixed route issue.
# Fixed known bugs.
JLex Comment 3.7.3
^ The option to accept the Terms & Conditions once
^ The option allows you to edit comments within X minutes.
^ Viewport - Optimize page loading speed.
^ "Roles" are now available to guests.
^ Added options to adjust image quality.
# Fixed the issue of not receiving notifications.
# Fixed the bugs reported on Pagespeed.
JLex GuestBook 2.1.2
# Fixed login with Facebook and retrieved a user's profile picture.
# Improve layout and assets.
# Fixed known bugs.
JLex Comment 3.6.7
^ Option to load script location (Head or Body Tag).
# Improve data structure.
# Fix known bugs.
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.
✨ 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