How to make masonry grid for both text blocks and images?
-
How to make masonry grid for both text blocks and images?
Hello,
Such a template is created through rows and columns, something like this: https://woodmart.xtemos.com/demo-landing-gadget/demo/landing-gadget/ however your sample has more columns and a more complicated template.
You need to try different columns within each row and you would get what you want.
If you have any questions please feel free to contact us.
Best Regards
I tried to make the height equal for all columns in the row but it did not work. The background color is occupying the whole column but the images are not although I made them as full.
Maybe because because of the row layout? For example, one row layout is 1/4 + 1/4 + 1/2. Can I make the row without layout and it will adjust the content automatically?
Hello,
When you set the equal height of the columns this height is applied to the columns but not to the content. That is why when you set the image on the column background they are equal, and when you insert a Single image element it has its own height.
Best Regards
I tried now to set the image as background but it’s not scaling to show the full image inside the column which will have equal height with other columns. I tried to change the background style to cover which was better, occupying the whole column with equal height but not showing the full image. Then I tried Contain, showing the full image but not occupying the whole column.
Is there any option like header flex row?
Hello,
This is the nature of the image on background and WP bakery default functionality which the WoodMart theme does not influence nor has any options to change.
If you have any questions please feel free to contact us.
Best Regards
.
