Thumbnail moved down on mouseover

[mawia]

I used ja purity ii template with Phoca Gallery Random Image Module on the right. I set the 'limit count' to 6(3x2) and the 'module type' to mosaic, everything is fine except that with mouseover of the first two thumbnails the thumnail in the second raw moved further down. I would appreciate any help to solve this problem.

[Benno]

Hi,
see: https://www.phoca.cz/documents/50-phoca/ ... al-advices

3. Design or javascript issues - checking the site with standard template

If you ask in Phoca Forum about some design problem in Phoca Gallery (or other Phoca extension) displayed on your site, you get the following answer: "Check your site with standard template like rhuk_milkyway is". This answer does not mean, you should change your template and your problem will be ignored by administrator or moderators. It means, you should only test your site with standard template, so the problem can be detected. Mostly there is problem in template (e.g. float bug) or there is a conflict between Phoca Gallery (or other Phoca extension) and the template. If there is a conflict, it does not mean, the Phoca Gallery or the template includes some bug, it only means, there is some part of code (html, css, javascript) in both extensions which prevent from successfully running of both extensions together:

* CSS problem - you can use e.g. Firefox browser and its addon Web Developer to disable/enable each loaded CSS on the site. Such way you can get information in which CSS file the problem part is loacated. Then you can customize or fix this part in the CSS file.
* Javascript problem - if you are displaying e.g. Phoca Gallery on your site and a template framework, system plugins, modules, etc. are loaded together with Phoca Gallery, then it may be a conflict in different javascript libraries. There are many extensions in Joomla! world so it may become, two different extensions are loading the same javascript library but e.g. different version of such library. In such case the javascript library will not work correctly. Example: Phoca Gallery uses modal box to display detail of an image. Modal box is a part of Mootools javascript library which is a part of Joomla! framework. In case some extension (template, module) loads own mootools library (e.g. newer than is used in Joomla! framework) on the site where Phoca Gallery is loaded, thne modal box will be not correctly rendered. In such case you need to check the extension which loads external javascript library and customize it to be not in conflict with Joomla! framework.

Hope this helps.
Kind regards,
Benno

[kamadeva]

It happened to me too. I solved that by going through css step by step in the file phocagallery_module_image.css and there is a possible bug on line 58 - I deleted padding:5px;
Now it works well and is not moving down.

Code: Select all

#phocagallery-module-ri .phocagallery-box-file:hover, #phocagallery-module-ri .phocagallery-box-file.hover 
{
	border:1px solid #135cae;/*padding:5px;*/background:#f5f5f5;text-decoration:none;
}

Hopefully that will help.
Regards

[Benno]

Hi,
thank you for this information.
Kind regards,
Benno