We are on Joomla 3 and with Phoca Gallery 4.1.1 . How do we make it so there are 4 images per row? I know it has to be something simple but I can't find the answer anywhere!
The user manual says I should have options under the Phoca Gallery menu item as well as in a "Parameters" button. I don't have a "Parameters" button, I have a "Options" button, and when in a menu item, I don't have any parameters besides "showing" and "hiding" stuff.
Please help. You are our only hope!
Items per row?
- Jan
- Phoca Hero

- Posts: 49144
- Joined: 10 Nov 2007, 18:23
- Location: Czech Republic
- Contact:
Re: Items per row?
Hi, see similar posts in this forum, Phoca Gallery renders the boxes with help of float boxes (responsive way) so it depends on the width of the site and width of the images (thumbnails) how many the fit to the site
site width = (thumbnail width + padding + margin) * columns
So the change it: you can enlarge the thumbnails or padding or margin or setting max width for the Phoca Gallery.
Anyway see similar posts where it is explained more detailed.
Jan
site width = (thumbnail width + padding + margin) * columns
So the change it: you can enlarge the thumbnails or padding or margin or setting max width for the Phoca Gallery.
Anyway see similar posts where it is explained more detailed.
Jan
If you find Phoca extensions useful, please support the project
-
quadbsys
- Phoca Newbie

- Posts: 5
- Joined: 25 Sep 2013, 15:27
Re: Items per row?
Thank you! You're awesome! It also didn't help that I never saw the "thumbnails" tab in the Configuration area. I didn't know where you set any widths for anything. I have it figured out now, thank you Jan!
For anyone else wondering, I set my thumbails to be 200 x 100 using the configuration options. I set the width of phocagallery to be 820px and then I added this in my css file:
Cheers!
For anyone else wondering, I set my thumbails to be 200 x 100 using the configuration options. I set the width of phocagallery to be 820px and then I added this in my css file:
Code: Select all
.pg-cv-box {
margin: 5px 4px 5px 4px;
padding: 5px 0 5px 0;
}
.pg-cv-name {
padding-left: 5px;
}- Jan
- Phoca Hero

- Posts: 49144
- Joined: 10 Nov 2007, 18:23
- Location: Czech Republic
- Contact: