Marginless Columns Inner Container Margin Setting

[mrutyunjaya]

Good Day! I am interested in how can I edit the margin of the inner container in marginless columns.

For ex, if I am importing the marginless column it comes with 3 columns with margin setup for inner container. When I modify the row and set columns to 5, there are no margins for column 4 and 5. How to apply the same margin as used for column 1,2 and 3?

Thank you for your time!

[Georgich]

You sould understand a structure:

Section = .x-section
Row = .x-container
Column = .x-column

By default, switchin’ your row to:
Inner container OFF will remove this from row code, so the row becomes fullwidth

.x-container.max {
    max-width: 1200px;
}
.x-container.width {
    width: 88%;
}

marginless columns give your row display: table and columns display: table-cell (without margin) instead of display: block (with margin).

So if you want to have full width row (inner container OFF) with margin you should:

1. In row setup switch Inner Container to OFF.
2. Go to row Customize (Edit CSS) and add:

$el {width: 90% !important};

this will control your left and right “padding” or “margin”. There is no margin at all (it’s margin: 0 auto).

[mrutyunjaya]

Hi Georgich, Appreciate your response.