Everything was working fine at one point, not sure why all my galleries are only showing two images per row now instead of 3.
If I build a page without page builder, a 3 image per row gallery displays properly. However, once I convert text into page builder, only 2 images are display per row. For example, http://keenerkaptures.com/portfolio/newborn-image-gallery/.
Even if I build a new page using page builder from scratch and insert a row with a 3 image per line gallery, only 2 display per row.
I am using the spacious theme.
Thank you,
Debbie
I am have a work around but can’t use page builder to build my gallery using thumbnail grids. But will leave a link of the problem on one page…http://keenerkaptures.com/portfolio/just-mommy-2/
My workaround is to convert from pagebuilder to text and then update page. I loose the row background color I entered via page builder but I can live with that until the problem is solved. Here is my workaround for the broken link in the comment above…http://keenerkaptures.com/portfolio/newborn-image-gallery/
Thank you,
Debbie
So it seems whenever I convert to page builder, images are not displayed 3 on a line, only 2 and I loose the row styles (background color is the only thing I change).
Debbie
I now have a workaround for getting my background color updated but I have to use the editor to add a style attribute
style=”background-color:#9ec5ca;”.
Will somebody let me know when pagebuilder is fixed so I can build a grid gallery without adding extra code?
I’ll keep this one page as an example for another week before updating to fix
http://keenerkaptures.com/portfolio/just-mommy-2/
otherwise, I fixed all my other pages.
Thank you,
Debbie
Hi Debbie,
So, to clarify, is the current setup with the applied workarounds? If so, can you please create a test page so I can see the broken version? I ask as http://keenerkaptures.com/portfolio/just-mommy-2/ appears to be working correctly.
Hi Alex!
Sorry, you are correct. I had to use my workaround because a client was viewing the website.
Here are two examples:
It should show 3 images across:
http://keenerkaptures.com/portfolio/newborns1/
Even if I change the gallery setting to display 4 across, I only see 3. Always shows a space in the right most column
http://keenerkaptures.com/portfolio/newborns2/
Thank you for the reply!!!
Debbie
Here is an image of the gallery in page builder and below the images you can see the gallery settings.
http://keenerkaptures.com/temporary-newborn1/
Regards,
Debbie
Hi Debbie,
I’m not too sure why this previously worked but it’s currently not working as the width of each gallery item (which is controlled by the theme) won’t allow it due to the padding and width amounts required. It needs to basically be a percentage smaller than what it currently is.
You can fix this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Please add the following CSS.
.gallery-columns-3 .gallery-item { width: 33%; } .gallery-columns-4 .gallery-item { width: 24.5%; }How does that look?
You might also need to install the SiteOrigin CSS Editor.
Thank you Alex! Your workaround works fine!
I gather, if I ever need a 5 column gallery I will need to include more code using a percentage.
Not exactly sure how to calculate the percentage but will figure it out when the time comes!
Is there anyway to tell who or what is responsible for making this work without Custom CSS?
Or can you recommend another gallery plugin I might try and use?
I think I am currently using tiled galleries carousel without jetpack.
Thank you much!!!
Debbie
Hi Debbie,
Awesome.
Correct. Basically, divide by the number of columns by 100 and then remove .1 – .5 off of that for spacing reasons (that’s where the theme is coming undone as it’s not doing that). For example, 5 columns is 20% and I would try 19.5%.
The theme is. I would use FooGallery or Envira.