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:
768
px Min width of Tablet:
581
px
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 [·□·□·□·]
– Automatic
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.
Flex Direction:
In Rows
– In Rows most typical
Flex Align Items:
Center
– 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?
Thank you for any help you can offer.