Removing zoom and lightbox effect

Hello !

Sorry to bother you, but do you know how to remove the zoom and lightbox effect on k2 image ?

Tks a lot !

Florian

buggy-adventures.com

Hi,
you have edit K2 files it's template.
It's depends on GK template which you used, but generally you have to delete all

Code: Select all

class="modal" rel="{handler:'iframe',size:{x:990,y:550}}"

from files inside: TEMPLATE-NAME\html\com_k2\templates\default

Hello

I've just tried to remove it on kreendesign.com but could not find the code... which file is it again ?

check my last post, there was a full link -- this file : item.php --> if you are talking about K2 item view !

Nooooooo i don't find it :'(

THe closer I have is this

<a class="itemEditLink modal" rel="{handler:'iframe',size:{x:990,y:550}}" href="<?php echo $this->item->editLink; ?>"><?php echo JText::_('K2_EDIT_ITEM'); ?></a>

/templates/gk_creativity/html/com_k2/templates/default/item.php

Do you know how can I remove it from the main image ? http://kreendesign.com/index.php?option ... Itemid=667

tks a lot !

To remove zoom

Code: Select all

.itemImageBlock img:hover { transform:scale(1) !important; }

to remove popup

Code: Select all

rel="{handler:'iframe',size:{x:990,y:550}}"

Hello

I've found it on templates/gk_creativity/css/k2.css

-webkit-transform: scale(1.06);
-moz-transform: scale(1.06);
-ms-transform: scale(1.06);
-o-transform: scale(1.06);
transform: scale(1.06);

Now it looks fine

http://kreendesign.com/index.php?option ... Itemid=667

Nooooooo i don't find it :'(

THe closer I have is this

<a class="itemEditLink modal" rel="{handler:'iframe',size:{x:990,y:550}}" href="<?php echo $this->item->editLink; ?>"><?php echo JText::_('K2_EDIT_ITEM'); ?></a>

/templates/gk_creativity/html/com_k2/templates/default/item.php

Do you know how can I remove it from the main image ? http://kreendesign.com/index.php?option ... Itemid=667

tks a lot !

And for the template RockWall ??

We tried it, impossible to remove the picture rollover scale effect... If someone have a idea ?

Ok in GK Rockwall - but where?
In module, article or K2 item?

In general on HomePage this should help:

Code: Select all

.nspArt .nspImageWrapper:hover img {
   -webkit-transform: scale(1.0) rotateZ(0deg);
   -moz-transform: scale(1.0) rotateZ(0deg);
   -ms-transform: scale(1.0) rotateZ(0deg);
   -o-transform: scale(1.0) rotateZ(0deg);
   transform: scale(1.0) rotateZ(0deg);
}

Custom CSS: http://www.gavick.com/documentation/joo ... -template/

Hello, thank for the reply.

We want delete this scale effect everywhere. On K2 articles and on the homepage.

We put the code on the override.css and it is ok (it still stay a little effect on 1 image) for K2 articles in News Show Pro GK5 but in other module News Show Pro GK5, it is not working...

So is there a solution to remove this scale effect everywhere (not put some data to 0 but remove it completely) ?

Regard.

Research all template CSS files to find "transform: scale" phrase and override it or change in this file.
to get default values.

Hello,

we remove #gkStyleArea a:hover, etc... from template.css and search on other file (like k2.css); but can't find other.
And we have a strange scale effect on 1 picture.

Why it is working on a news show pro gk5 module and not on the other new show proGK5 modules ??

You don't have a solution to simply remove this very bad scale effect ?

Reagrd.

Yes, we don't have such a switch to ON/OFF this effect.
I have found "transform: scale" in those files:
gk_rockwall\css\template.css
gk_rockwall\css\gk.stuff.css

ok, I think I know about what movement you are trying to tell me
Here global solution !

Code: Select all

.nspArt .nspImageWrapper:hover img,
.gkNspPM-TitleOverlay:hover .gkImgOverlay,
.gkNspPM-TitleOverlay > figure:hover > img
 {
   -webkit-transform: none;
   -moz-transform: none !important;
   -ms-transform: none !important;
   -o-transform: none !important;
   transform: none !important;
}

Read also: http://www.gavick.com/documentation/gen ... ox-effect/

That's it ! It is like a on/off button

Thank you so much for your help, this solution is working very well.

Looks fine now ! Tks u