Phoca Gallery in article - bad displayed

[Wolfii]

Hello,
Please help. I have currently Joomla 3.6.0., Phoca gallery 4.2.2. and Phoca gallery plugin (content) 4.3.0. Recently started poorly displayed around (border/background) thumbnails for albums in the article. Sample here: http://niarra.cz/images/ukazka.jpg - in left - album in gallery is ok, in right - album in article is bad displayed). Please, how can I set it to display the album in the article as well as in the gallery? Sorry for my English, I'm from Czech Republic.
Thank you.

[Jan]

Hi, first of all, you should upgrade Phoca Gallery to version 4.3.0

To have the same output as component has, do the following changes in this file:

media\com_phocagallery\css\custom\default.css (at the top)

FROM:

Code: Select all

.pg-csv-box {
	float:		left;
	padding: 	10px;
	margin: 	5px;
	background: #fff;
	-webkit-box-shadow:1px 1px 2px 1px rgba(120, 120, 120, 0.5), inset 0px 0px 7px 7px rgba(240, 240, 240, 0.2);
	box-shadow:1px 1px 2px 1px rgba(120, 120, 120, 0.5), inset 0px 0px 7px 7px rgba(240, 240, 240, 0.2);
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.pg-csv-box:hover {
	background: #fafafa;
}

TO:

Code: Select all

.phocagallery-box-file,
.pg-csv-box {
	float:		left;
	padding: 	10px;
	margin: 	5px;
	background: #fff;
	-webkit-box-shadow:1px 1px 2px 1px rgba(120, 120, 120, 0.5), inset 0px 0px 7px 7px rgba(240, 240, 240, 0.2);
	box-shadow:1px 1px 2px 1px rgba(120, 120, 120, 0.5), inset 0px 0px 7px 7px rgba(240, 240, 240, 0.2);
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.phocagallery-box-file:hover,
.pg-csv-box:hover {
	background: #fafafa;
}

In plugin code, you can add the following code: enablecustomcss=1 so the hover effect will be not set.

I will add this to next version of Phoca Gallery plugin.

Jan

[Wolfii]

Hello,
Thank you for your help. I've done everything that you wrote, but the album in the article still looks the same :(

[Jan]

Hi, do you run some cache or similar? Did you clear the cache? I have made this code based on the latest version, for me everything is OK, can I see the site where this occurs?

Jan

[Wolfii]

Hello,
do you mean clean browser cache and cache in administration of Joomla? I tried it but did not help. Websites are http://kolia-dlhosrsta.sk/index.php/en/ ... ternity-en

[Jan]

Hi, when I disable the main CSS file on your site, then I get the same results for the plugin like for the gallery, see image:
templates/fellow5/css/template.css



So I think, the image boxes are changed somehow in the template.css of the template, seems like there will be some conflict which needs to be solved

Jan

[Wolfii]

Oh, thank you. Unfortunately I understand CSS just a little and mistakes probably I will not find :-( A few days ago, everything was fine. I tried to upload previous template, but the problem still remains. :-(

[Wolfii]

I only managed to set the thumbnail display amid the white frame. I've set in the template margin (hspace) of image 0. But nothing more...

[Jan]

Hmm, there seems to be some code in template which is in conflict with the phoca gallery css. Mostly to detect what this is, e.g. firefox browser with firebug extension is used - in the firebug, you can disable the css rules step by step so you see directly in browser what happens when you disable it. Then you can find which part is in conflict

Jan