Zen mode 06:07:41

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)

New topic

How to change Width?

Augustas
12 years ago
Good evening,

im using Gallery for K2 on J3.0 site, and i can not change a width and height of an image thumb.

I need simple image gallery, so I use Folio template. I tried to open the files and override them, but could not figure out where should I change it.

And when I change width just "Heigh image thumbnail (px)" - nothing happens. And it seems it is locked at 190px, both on my site and on demo version http://demo.joomla-extensions.info/non-commercial/galley-for-k2-and-content

So please tell me where should i be looking. At least which JS file I must modify?

Augustas

1 replies

Victor
12 years ago
Hello,
Param Heigh image thumbnail (px) will change image size, but container of it not change. When parameter greater then the picture quality will better.  :)

If you want to change size thumbnail image, you can do follow: (Only apply for folio theme)
Open file galleria.folio.css in plugins/contents/gallary/extend/themes/folio.

In line 24, you can see:
.galleria-thumbnails .galleria-image {
   width: 190px;
   height: 120px;
   margin: 0 10px 10px 0;
   position:absolute!important;
   top:0;
   left:0;
   cursor: pointer; /* opera */
   cursor: url(cursor-zoom.png), -moz-zoom-in; /* chrome, FF */
   cursor: pointer\9; /* IE */
   background:#eee url(miniloader.gif) no-repeat 50% 50%;
}

Ok. Now, you change to:
.galleria-thumbnails .galleria-image {
   width: [b]<Width_you_want>[/b]px;
   height: 120px;
   margin: 0 10px 10px 0;
   position:absolute!important;
   top:0;
   left:0;
   cursor: pointer; /* opera */
   cursor: url(cursor-zoom.png), -moz-zoom-in; /* chrome, FF */
   cursor: pointer\9; /* IE */
   background:#eee url(miniloader.gif) no-repeat 50% 50%;
}

I hope this will help! :)
Reply to

Product Changelogs

Product Changelogs

JLex Attachments 1.5.2
# Compatible with J5.4.x and J6
# Support dark mode
JLex Lookup 1.4.7
# Compatibe with Joomla 5.4.x & 6
# PHP 8.3.x
JLex Transfer 1.4.1
# Compatible with J5.4.x & J6
# Fixed known issues
JLex Comment 3.5.1
Upgrade is required for Joomla 6. You also need to update its modules and plugins.
# Compatible with PHP8.3.x
# Improved dark mode in the backend.
JLex GuestBook 2.0.1
^ Added dark mode in the backend.
# Fixed the issue of not being able to save the settings.
# Compatible with J5 & 6.
Youtube Feed Pro 6.0.3
# 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.
JLex Transfer 1.3.7
^ Support dark mode in the backend.
# Fixed bug when importing user list.
See more
Sign in to your account
Use your social accounts to sign in