Archived topic
How to evenlhy space 3 photos
5 replies · Started by Gary on July 3, 2017
I am trying to evenly space 3 photos with a fair amount of text under each. I want them evenly spaced across the full page. Should I use columns? How do I add columns on the lower part of the page, and not impact the top of the page. Here is the page: http://206.196.110.39/~innovati/ Thanks
You can use the built in grid function, put this into text editor with the url links to your images to create a 3 column grid:
<div class="grid-container">
<div class="grid-33 tablet-grid-33 mobile-grid-33">
..... insert image 1 here .....
</div>
<div class="grid-33 tablet-grid-33 mobile-grid-33">
..... insert image 2 here .....
</div>
<div class="grid-33 tablet-grid-33 mobile-grid-33">
..... insert image 3 here .....
</div>
</div>Alternatively you can use Tom's Lightweight Grid Columns
Shouldn't need the grid-container div if you are just inserting in to the content area.
Using Lightweight Grid Columns is definitely easier if you are not too comfortable with HTML coding :)
Of course, suffering from divitis.....
Thanks Lightweight Grid Columns works Great!
Glad we could help!
