How to change Width?

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

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!

How to change Width?

1 replies

Product Changelogs

Product Changelogs

60% Savings With Our Product Bundles

Resource

Joomla Extension

Connect with us

WRITE A REVIEW SPREAD THE WORD!