Having our weekend break 07:16:21

It is currently a weekend from where we are at. Rest assured that we will get back to your posts as soon as the week starts!

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

New topic

How to change Width?

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