1/5
NO space between
width : 20 % of container’s width
#top .no_margin.av_one_fifth {
width: 20%;
}
1/5
20%
1/5 20% classes
flex_column av_one_fifth
no_margin flex_column_table_cell
av-equal-height-column
av-align-top
av-zero-column-padding
first (when 1st col)
avia-builder-el-3
(and 5, 7,9, 11 for the next)
el_before_av_one_fifth avia-builder-el-first (at 1st col)
el_after_av_one_fifth el_before_av_one_fifth (next cols)
1/5
20%
1/5
20%
1/5 and Space between cols
div .av_one_fifth {< br>
margin-left: 6%; /* the gap width between cols*/
width: 15.2%; /* 15.2% of full container width*/
}
margin nulled for 1st col by
body div .first, body div .no_margin {
margin-left:0;
}
1/5
< ||Gap||between||columns|| >
< div class =" av - flex - placeholder ">
default css is
#top .av-flex-placeholder {
display: table-cell;
width: 6%; /* Same value than the div ‘margin‘ reduce value to good fit */
}
Now, how to Add a 1/6th div at end (js) :
» div class= » flex_ column
av_ one_ fifth
flex _column _table _ cell
av -equal- height- column
av-align-top
av -zero -column- padding
avia-builder-el-23
el _after _av _one _fifth
avia -builder -el -last
optional custom – class
column – top – margin »
style= » » aria-label= » « >1 – 6th < / div >
< / section < / div > »
1/5
1/5
No space between col. > width = 20%
Individuals heights
padding : both at 15px
1/5
<- Gap between columns ->
« < div class="av-flex-placeholder"> »
default css is
/*
#top .av-flex-placeholder {
display: table-cell;
width: 6%; /* Same value than the div ‘margin‘ reduce value to good fit */
}
*/
1/5
1/5 alone = 1/1 full container width
that div has first
and last classes
custom top & bottom margin cheched on and seted both to 0px
if not checked/seted : default margins are applied
here font-size at 10px