How to remove zoom AND Lightbox effect

Hello,

i searched for a long time to disable the zoom effect on article pictures.

I solved it with the following code in the override.css:

Code: Select all

article#k2Container .itemImageBlock img:hover {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}

But how can i disable the lightbox or popup effect?

Thanks for your help!

Garthi

Hi,
from K2 item?
You have to edit file : templates\gk_mo\html\com_k2\templates\default\item.php

find:

<div class="itemImageBlock"> <a class="itemImage modal" rel="{handler: 'image'}" href="<?php echo $this->item->imageXLarge; ?>" title="<?php echo JText::_('K2_CLICK_TO_PREVIEW_IMAGE'); ?>">

and remove whole <a ....> and </a>

Perfect!

It works... Thanks a lot!

Garthi

You don't have to worry about updates.
But you have to consider important topic, please check if you for sure need K2 items, using it may slow down your site, because Joomla have to load so many extra code compared to the default articles code.

Hey Oscar E!

could you help me with my next problem

I send you a screenshot from my iphone. How can i correct the design and the position of the menu "button" for the "iphone" responsive design.


Thanks a lot

Ok, please try this small fix

#aside-menu-toggler, #mobile-menu-toggler, #static-aside-menu-toggler {
margin: 30px 0 0 !important; }

I guess it should help with [=] menu icon.

Hey Oscar,

with "10px" it works

with "30px" i see only one bar.

Another little problem: Where can i change the size and position for the logo (ONLY for tablet and iPhone)?

Thanks a lot!!!

Garthi

You have to edit mobile.css and tablet.css file,
if there is such a logo class so it's quite easy, if not you have to using Firebug or similar tool check class name and there.
I have to see URL to help more.