Customize table

Hey ijnavas,

Thank you for the inquiry.

There is no option for this by default, but you can manually create html inside the cell and then apply css to adjust the background colors. For example, add this html to one of the cells:

<div class="av-table-coloured av-table-coloured-red">Hiit</div>

Then add this css code:

.av-table-coloured {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    padding: 10px;
}

.av-table-coloured .av-table-coloured-red {
    background: red;
}

.av-table-coloured .av-table-coloured-orange {
    background: orange;
}

.av-table-coloured .av-table-coloured-blue {
    background: blue;
}

The first cell should be colored red. To use blue, just use this html:

<div class="av-table-coloured av-table-coloured-blue">Gap</div>

Best regards,
Ismael

Hi,

The html can be added in any of the table cells:

<div class="av-table-coloured av-table-coloured-red">Hiit</div>

The css should be added in the Enfold > General Styling > Quick CSS field:

.av-table-coloured {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    padding: 10px;
}

.av-table-coloured .av-table-coloured-red {
    background: red;
}

.av-table-coloured .av-table-coloured-orange {
    background: orange;
}

.av-table-coloured .av-table-coloured-blue {
    background: blue;
}

Please check this link: https://kriesi.at/documentation/enfold/add-custom-css/#quick-css

Best regards,
Ismael