Hello! We are online right now 09:27:21

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)

Use coupon code HALLOWEEN24 at checkout and start saving today!*
* Coupon code does not apply to Lifetime plan.
New topic

Change the thumbnail size of Content Gallery with Azur Theme?

Tony
9 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

JLexArt
9 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
9 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
9 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.
JLexArt
9 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

Latest articles

Sign in to your account
Use your social accounts to sign in