Tagged: white space, widget area
Hi there!
We have a Widget Area – sidebar pages which is creating a large blank space after the column before it since the content on that first column is shorter than the sidebar pages menu. Is there a way to fix this? I tried searching and applying some CSS but without success =(
I have included screenshots below as well.
Thanks!
Hey tlchase,
Thank you for the inquiry.
This is the expected layout because the column containing the widget area is rendered before the columns below it, causing them to be pushed beneath as far as its own height. The 1/4 columns containing the images won’t automatically nest or rest below the first 3/4 column. If you wish to position the gallery or images right below the text, you need to place them inside the 3/4 column. Unfortunately, nesting columns is not possible in the builder.
Have you tried using the Gallery element? Instead of using columns to separate the images, you can add a Gallery element below the text within the 3/4 column.
Best regards,
Ismael
Thank you Ismael, I tried the Gallery element however it does not contain the caption below the image without needing a hover effect. Is there a way to have the images contain text below it with different headings sizes without needing additional CSS?
Thanks again for all your help!
Hi,
Thank you for the update.
Have you considered using the Portfolio Grid or the Masonry element? It allows you to display the title and excerpt below the featured image. The only downside is that you have to create a Portfolio or Post item for each entry.
Best regards,
Ismael
Thanks Ismael, I’ll try that as well.
This ticket can be closed.