Zen mode 05:14:06

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)

Release JLex Transfer v1.3.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 Transfer 1.3.7
^ Support dark mode in the backend.
# Fixed bug when importing user list.
JLex Comment 3.4.8
^ hCaptcha integration.
^ Read-only mode.
^ Hide all comments of entry.
^ Dark mode for admin.
# Improved default theme.
JLex Block 6.0.3
# Important: Upgrade required to be compatible with Joomla 5 (B/C plugin).
# Fixed conflicts with system plugins.
JLex Attachments 1.4.4
^ Drag & drop file to upload
^ Sortable file list
JLex Review 6.2.3
^ Support dark mode on the backend.
# Updated all themes.
# Works without B/C plugin.
JLex Comment 3.4.2
# Fixed page scrolling when clicking on links.
# Improved link tag.
# Fixed avatar for Gravatar and CB.
Youtube Feed Pro 5.9.7
# Fixed the issue of not being able to get data from YouTube or data loading time being too long.
See more
Sign in to your account
Use your social accounts to sign in