Phoca Forum

Joomla: 1.5.15 Template: rhuk_milkyway Phoca gallery: 2.6.2

I can't seem to resize the 'background' .lightbox class for the JAK light box - my 800x600 image overflows the black background - I understand from using firebug it is the '.lightbox' class
(and it's the black background that centered on the page, so it's not positioned right either)

I can resize the image, and move the navigation controls - I've edited the following two lines in lightbox-vertical.css
(also the lines for the navigation - but I haven't included that)

.lightBox
{background-color: black; width: 1030px; height: 622px; padding-top:10px; padding-left: 10px; padding-right: 10px;}
.lightBox .image-browser-image
{width: 1000px; height: 600px; border: 1px solid #333; overflow: hidden; padding: 0px; float: left; position: relative;}

When I look in firebug - the '.lightbox' class from lightbox-vertical.css is overridden by another '.lightbox' class
Firebug reports this overridding class is from the following URL, not a css file
http://localhost/photos/index.php?optio ... m&Itemid=2

So where is this overriding class from? and how do I change it?

Sorry if I'm being dense - but I've not used to this

Hi, try to see:

components\com_phocagallery\views\category\view.html.php

some modifications needed to be added there, see line 440+

Jan

Many thanks - thats sorted it

As an aside - should these values be in the configuration paramters available from the admin screen?

Hi, in parameters you can set the height for description, then the area below image is increasing and get not transparency, if you are using then some large image, then the only solution is to change the CSS + HTML