Columns in text block

how did you create your html ?

did you realy use the advanced layout builder from enfold ?

i see very unusual constructions
the grid layout f.e. you use it with one “column”
you construct the distance left and right by adding than a 1/5 empty flex-column –
and use for the content the 3/5th column.

Why don’t you use instead color section
And in it a 1/1 container for the content. The 1/1 container uses the enfold option max-width and the margin: 0 auto to center the content.

etc.

the code you are belonging to your question looks like this :

<div class="flex_column av_one_fourth  flex_column_div   avia-builder-el-45  el_after_av_one_fourth  el_before_av_one_fourth  column-top-margin">
% of variable fee
<p></p>
<p>&ndash;</p>
<p>0.5%</p>
<p>0.75%</p>
<p>1%</p></div>

the % of variable fee is not in the p tag and thats causing the niveau difference (p tag has margin: 0.85em 0;) etc.

PS for tables there is a advanced layout builder element. ( it opens an opition dialog first with price table but you can choose a normal table too)

Look to the image – i would have constructed the table:

and see result here: http://webers-testseite.de/ikom/neue-seite/

if you are familiar with html tables you can make it by yourself and insert that code to a text-block element.
This seems to be the best method for now – because i’m missing the colspan possibility in enfold tables element

you can find here a nice online generator for tables : https://tabletag.net/
if you activat on the preview on top two (or more) cells you can merge them – for your table it looks like this:

you see 2 lines as header lines

• This reply was modified 8 years, 1 month ago by Guenni007.