This is by far my favorite Widget. It saves me so much time and stress.
I used it on the home page of 2sticky.com . The grey area towards the bottom has 3 boxes inside of it.
This is how I have it set up, It is (Widget 8)
Column Layout and Widths
Columns per row:
3 – Equal Width
Responsive Layout Trigger Widths:
Min width of Desktop:
px Min width of Tablet:
Style Options for this Widget Instance
You can use multiple Flex Columns Widgets in the same Widget Area for more control of column layouts.
Flex Justify Content:
Space Around [·□·□·□·]
horizontal spacing when columns in a row total less than 100% – (e.g., 32%,32%,32%). An alternative to using the Left/Right Spacing option.
– In Rows most typical
Flex Align Items:
– Stretch makes equal height rows
I have changed Flex Justify Content to every setting and I can’t get the 3 boxes to line up equally in the grey area. It is like I need more grey on the left side of the first box. Do you have any suggestions?