Home Forums Weaver Xtreme Theme X-Plus Flex Columns Widget Reply To: X-Plus Flex Columns Widget

#70744
scrambler
Moderator

Here is the HTML to use

<div id="mycont" class="widget-eq">
<div class="widget content-3-col"> Row 1 - First column content First column content First column content First column content First column content First column content First column content </div>
<div class="widget content-3-col"> Row 1 - Second column content Second column content Second column content Second column content</div>
<div class="widget content-3-col"> Row 1 - Third column content Third column content Third column content Third column content Third column content Third column content Third column content Third column content Third column content Third column content</div>
<div class="widget content-3-col"> Row 2 - First column content First column content First column content First column content First column content</div>
<div class="widget content-3-col"> Row 2 - Second column content Second column content Second column content Second column content Second column content Second column content Second column content Second column content Second column content Second column content Second column content</div>
<div class="widget content-3-col"> Row 2 - Third column content Third column content Third column content Third column content Third column content Third column content Third column content Third column content Third column content Third column content</div>
</div>
<div style="clear:both;"></div>

And the CSS to add the Page editing page > Xtreme Settings > Xtreem Plus tab > Per page style box

.widget.content-3-col {width:31%;margin:1.15%;background:grey;border:3px solid black;border-radius:10px;}