How to center the Phoca Gallery Image modules on my site?

[nemmar]

Hi,

I am trying to figure out how to center the Phoca Gallery Image modules on my site. I have the Phoca Image Modules enabled to use the Mosaic for small size images in the header and sidebar of my sites. I have tried using a lot of different "center" classes but I cannot get it to work.

Here is the Phoca module output class/style code on the pages that has the float:left which I think is preventing the centering of the images on the screen:
#phocagallery-module-ri .mosaic {style=float:left;padding:4px;width:178px}

Can you tell me how to center the Phoca Image Module photos that display on the page?

Thanks!

[Jan]

Hi, if you have set float for the images or they are set as default, such cannot be centered - floats in html/css can be aligned to right or center but cannot be centered - there are some CSS techniques how to center whole blocks - e.g. the blocks needs to be fixed width, and with help of margin: 0 auto can be centered - see example:
https://www.phoca.cz/documents/19-phoca- ... how-plugin

Jan

[nemmar]

Hi Jan,

I cannot set a fixed width because the site template is RWD and I need it to adjust for mobile phone screens.

Can you tell me where the default float setting is in Phoca Gallery so I can remove the float attribute from the online output for my Phoca Image Modules?

I tried to figure out where Phoca was adding the style=float:left attribute but I cannot find it to change it.

Thanks.

[Jan]

Hi, just see the Phoca Gallery component css or module css.

Jan