Phoca Gallery Button Plugin off centre

[RickIngham]

Hello everyone,

I have a problem with the Phoca Gallery button plug-in.
When i use it to insert a Phoca Gallery image into an article the thumbnail is off to the right of the white square.
I have tried floating left or right but it just changes the location on the article rather than the image on the white square.
Any sugestions?

Thanks

Rick

[Jan]

Hi, did you test it with standard template - to check if this is some conflict within the template css

Jan

[RickIngham]

Yes tested and still the same. Also uninstalled the PG Image plug in and reinstalled without success.

[RickIngham]

I have been playing around with the code today in /components/com_phocagallery/assets/phocagallery.css and haven't really gotten anywhere.
I installed firebug and have made the expand button central by changing text-align:right to center but i cant seem to do this with the image.

[RickIngham]

I'm fairly sure the problem lays in here somewhere?

Code: Select all

<div class="phocagallery-box-file-first" style="background: url('/site/components/com_phocagallery/assets/images/shadow1.png') 65px 31.5px no-repeat;height: 181px; width: 248px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<center>
<a href="/site/images/phocagallery/spta/chinook/brownout/thumbs/phoca_thumb_l_img_4322.jpg" rel="{handler: 'image', size: {x: 200, y: 150}, overlayOpacity: 0.3}" class="modal-button" title="Boeing Chinook HC3 - ZH904 - RAF">
<img class="pg-image" src="/site/images/phocagallery/spta/chinook/brownout/thumbs/phoca_thumb_m_img_4322.jpg" alt="Boeing Chinook HC3 - ZH904 - RAF"></a></center>
</div>
</div>
</div>

Link to code: http://rickinghamphotography.co.uk/screeny2.jpg

[Jan]

Hi, really no idea, testing now, get standard output, mostly this can be a problem in some conflict with other CSS (a template?), really don't know.