For those of you who may be looking for a similar result, here is what I added to the text of the page for now until I can find a solution to add the boxes from the appearance>>customize menu.
You will have to tweak the html/styles to make it work with your page. Also the divs don’t drop down below each other when viewed at smaller resolutions on a smart phone. They just shrink and line up beside each other.
<hr style="clear: both; visibility: hidden;" />
<div style="width: 33%; padding: 0 10px 0 0; float: left;">
<div style="margin:auto;"><img class="size-full wp-image-57 alignnone" src="path to your image" alt="" width="150" height="150" /></div>
Your content for your column #1
Your content for your column #1
Your content for your column #1
</div>
<div style="width: 33%; padding: 0 10px 0 0; float: left;">
<div style="margin:auto;"><img class="size-full wp-image-57 alignnone" src="path to your image" alt="" width="150" height="150" /></div>
Your content for your column #2
Your content for your column #2
Your content for your column #2
</div>
<div style="width: 33%; padding: 0 10px 0 0; float: left;">
<div style="margin:auto;"><img class="size-full wp-image-57 alignnone" src="path to your image" alt="" width="150" height="150" /></div>
Your content for your column #3
Your content for your column #3
Your content for your column #3
</div>
<hr style="clear: both; visibility: hidden;" />
I abandoned this in favor of a plugin called Column Shortcodes which is doing everything I wanted to do, other than adding more plugins.
When I have time, I am going to see if I can learn how to do it without a plugin however.
-
This reply was modified 8 years, 10 months ago by
nootkan.
