Phoca Gallery in article - bad displayed

Phoca Gallery plugins - plugins for Phoca Gallery extension
User avatar
Wolfii
Phoca Newbie
Phoca Newbie
Posts: 5
Joined: 22 Jul 2016, 14:50

Phoca Gallery in article - bad displayed

Post by 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.
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 47810
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Phoca Gallery in article - bad displayed

Post by 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
If you find Phoca extensions useful, please support the project
User avatar
Wolfii
Phoca Newbie
Phoca Newbie
Posts: 5
Joined: 22 Jul 2016, 14:50

Re: Phoca Gallery in article - bad displayed

Post by Wolfii »

Hello,
Thank you for your help. I've done everything that you wrote, but the album in the article still looks the same :(
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 47810
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Phoca Gallery in article - bad displayed

Post by 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
If you find Phoca extensions useful, please support the project
User avatar
Wolfii
Phoca Newbie
Phoca Newbie
Posts: 5
Joined: 22 Jul 2016, 14:50

Re: Phoca Gallery in article - bad displayed

Post by 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
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 47810
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Phoca Gallery in article - bad displayed

Post by 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

Image

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 :idea:

Jan
If you find Phoca extensions useful, please support the project
User avatar
Wolfii
Phoca Newbie
Phoca Newbie
Posts: 5
Joined: 22 Jul 2016, 14:50

Re: Phoca Gallery in article - bad displayed

Post by 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. :-(
User avatar
Wolfii
Phoca Newbie
Phoca Newbie
Posts: 5
Joined: 22 Jul 2016, 14:50

Re: Phoca Gallery in article - bad displayed

Post by 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...
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 47810
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Phoca Gallery in article - bad displayed

Post by 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 :idea:

Jan
If you find Phoca extensions useful, please support the project
Post Reply