Phoca Forum

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!

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

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.

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

Jan