Slideshow background color

[IT Consulent.be]

Hello,

I am using Phoca Gallery and Phoca Gallery Plugin to show pictures and when you click a picture you get a Modal slideshow.
The background should be 100% black and when you open it it looks fully black until you play the slideshow and then you get part white.
I couldn't find it in the css to customise it.


http://janot.be/nl/werken.html

Can anybody help?

Best regards
Sven

[Jan]

Hi, try to open this file:
components\com_phocagallery\views\detail\view.html.php

and edit the #fff to #000:

Code: Select all

if ($this->tmpl['detailwindow'] != 7 && $this->tmpl['ytb_display'] == 1) {
				$document->addCustomTag( "<style type=\"text/css\"> \n" 
					." html, body, .contentpane, div#all, div#main, div#system-message-container {padding: 0px !important;margin: 0px !important;} \n"
					." div#sbox-window {background-color:#fff;padding: 0px;margin: 0px;} \n"
					." </style> \n");
			}

It is line 390 (cca. - it depends on used version)

Jan

[IT Consulent.be]

Hey Jan,

Thanks for the quick response but unfortunately it didn't solve the issue.

I found that it is the "element.style" of "div#phocaGallerySlideshowC" and ".gallerylayer" that is creating the white background.
But adding this code didn't solve it neather. He overwrites this again.

div#phocaGallerySlideshowC {
background-color: #000000;
}
.gallerylayer {
background-color: #000000;
}

Br Sven

[Jan]

Hi, hmm, then it needs to be found with help of some tool in browser, e.g. with Firebug, try to test which file/css adds the white background, if this is the template, it is as last loaded, so this needs to be changed there

Jan

[Zébulon-21]

Hello.

Please excuse my English is very bad

I have the same problem as Sven :

The white bands appear to fill the gaps when the images are not all the same size in the slideshow.

This same white background also appears before displaying images with "Phoca Gallery Slideshow Plugin".

The solution of the problem lies in the CSS code :

Code: Select all

.gallerylayer{
	background-color: #00000 !important;
}

[Jan]

Hi, the problem of slideshows is they need to have some background as then the chaning image will be not hidden under the new one

Jan

[IT Consulent.be]

I tried again and found the solution finally.

But it was not solved with

Code: Select all

.gallerylayer{
   background-color: #00000 !important;
}

I needed to add background: black !important;

Code: Select all

.gallerylayer{
   background: black !important;
   background-color: #00000 !important;
}

Thanks for the support

[Jan]

Ok

[Suji]

I have the same problem, can you please tell me in which file so I can do the same modification as below:
.gallerylayer{
background: black !important;
background-color: #00000 !important;
}