phocagallery-box-file background image

[millennium]

Hi everybody,

is there a possibility to change "phocagallery-box-file" background image, because now it is white, and my site has a textured background image which is not white. I searched various CSS files but couldn't find a solution for that.

[imperialWicket]

Assuming you are in category view - In the Phoca Gallery Parameters, find the "Background color" option in the "Category View Settings (List of Images)". I think it defaults to #fcfcfc, change this to the color you want; I think "none" will also achieve a transparent background for the phocagallery-box-file div.

[millennium]

Assuming you are in category view - In the Phoca Gallery Parameters, find the "Background color" option in the "Category View Settings (List of Images)". I think it defaults to #fcfcfc, change this to the color you want; I think "none" will also achieve a transparent background for the phocagallery-box-file div.

Thank you very much imperialWicket for your answer, it helped a lot of getting rid of that white space, maybe you know how to change the background image of it with other image, i need to phocagallery-box-file background image to be a few tones brighter than my background image, it would be perfect.
By the way do you know a way to rotate phocagallery-box-file generated div from vertical to horizontal position. This is a piece of my code: <div class="phocagallery-box-file" style="height:158px; width:120px;"><div class="phocagallery-box-file-first" style="height:118px;width:118px;margin: auto"><div class="phocagallery-box-file-second"><div class="phocagallery-box-file-third"><a class="" href="... It would be perfect if it could be 220px height and 120 width. Thank you

[imperialWicket]

You should be able to use a background image using the same parameter. Instead of providing it with a color, just give it a background image. Something like this works for me:

Code: Select all

url("../images/powered_by.png") no-repeat scroll 0 0 transparent

The height/width are determined dynamically based on your image size and other parameters. If you want to override these and just hard-code a value, it's on line 115 of /components/com_phocagallery/views/category/tmpl/default.php. Replace the current:

Code: Select all

echo '<div class="phocagallery-box-file" style="height:'. $imageHeight['boxsize'].'px; width:'.$imageWidth['boxsize'].'px;">';

with:

Code: Select all

echo '<div class="phocagallery-box-file" style="height:220px; width:120px;">';

That should do it, hope this works for you.