Page 1 of 1
phocagallery-box-file background image
Posted: 01 Sep 2010, 08:20
by 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.
Re: phocagallery-box-file background image
Posted: 01 Sep 2010, 13:50
by 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.
Re: phocagallery-box-file background image
Posted: 01 Sep 2010, 19:32
by millennium
imperialWicket wrote: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
Re: phocagallery-box-file background image
Posted: 02 Sep 2010, 01:43
by 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.