Page 1 of 2

Phoca Gallery Slideshow css?

Posted: 30 Mar 2011, 10:26
by IT Consulent.be
Hello,

I am using Phoca Gallery Slideshow but I want to customize the background-color?
The images have different sizes and the background of the slideshow is white, but I want it to be the same background color like the rest of the website.

But I can't find a css of the plugin?

I also tryed this:
------------
<div style="background: yellow; width: 500px; text-align: center;">
<div style="margin: 0px auto; width: 300px;">
{pgslideshow id=1|width=300|height=300|delay=3000|image=L}
</div>
</div>
-------------
But this background is around the 'slideshowbox' so the white stays?

Can someone help me please?

Re: Phoca Gallery Slideshow css?

Posted: 30 Mar 2011, 22:46
by Jan
Hi, somewhere in this forum, there is guide how to do it.

Jan

Re: Phoca Gallery Slideshow css?

Posted: 02 Apr 2011, 16:23
by IT Consulent.be
Hello Jan,

The only thing I could find is:
---------------------
change this in the 'phocagalleryslideshow.js' file.

look for:

var fadebgcolor="white"

and change it as needed:

var fadebgcolor="blue"
or
var fadebgcolor="#e8e8e8"
-----------------------

But nothing changes when I do this!

http://www.king-oak.be/

Re: Phoca Gallery Slideshow css?

Posted: 03 Apr 2011, 11:14
by sandrob
hi,
I tried your solution and it works for me. Did you tried to edit the line 351 of the phocagalleryslideshow.php?

sandrob

Re: Phoca Gallery Slideshow css?

Posted: 03 Apr 2011, 15:03
by IT Consulent.be
Hello sandrob,

In phocagalleryslideshow.php I just have 196 lines?

What is normally on line 351?

Sven

Re: Phoca Gallery Slideshow css?

Posted: 03 Apr 2011, 19:05
by sandrob
on line 351 you should find that.

$output .= '<div class="phocagalleryslideshow" style="text-align:center;" valign="top">' . "\n";

I successfully edited directly the style and set a css inside the plugins/content folder in order to manage the gallery via css

Re: Phoca Gallery Slideshow css?

Posted: 07 Apr 2011, 12:46
by IT Consulent.be
Can you please help me with it, because I can't find it myself!

A made a print screen of firbug in mozilla, the red underlined is what needs to be changed !

Image

*
In my default css I already made a class:
.phocagalleryslideshow
but that doesn't work!

*
change this in the 'phocagalleryslideshow.js' file.
var fadebgcolor="white"

*
and also changed in the rest of the code 'phocagalleryslideshow.js' the fadebgcolor (didn't work)

Re: Phoca Gallery Slideshow css?

Posted: 07 Apr 2011, 12:47
by IT Consulent.be
http://www.king-oak.be/images/phocabg.jpg

Link to the picture, because the code is bigger !

Re: Phoca Gallery Slideshow css?

Posted: 28 May 2011, 08:54
by DevByStarlight
The post above from IT Consulent.be on April 2, 2011 does appear to work ... although you may need to clear cache or force a reload of the javascript depending on your browser.

Re: Phoca Gallery Slideshow css?

Posted: 29 May 2011, 08:51
by cash
i use joomla 1.6. Where can i find the 'phocagalleryslideshow.js

i only found in plugins/content/phocagalleryslideshow a phocagalleryslideshow.php.

In the php i donĀ“t find fadebgcolor