Hello! We are online right now 08:42:45

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)

Updates: Release JLex Review v6.1.7 🥳
New topic

How to change Width?

Augustas
10 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

JLexArt
10 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

Latest articles

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