Add margin space between columns in row

Beaver Builder
1

We have added multiple columns in a row using Beaver Builder plugin. how to add column space or margin between them?

We tried things like this with CSS but there must be a better or easier way.
/============================
3 columns
============================/
.col3 .fl-col {
margin-left: 1%;
margin-right: 1%;
max-width: 31%;
}
/============================
2 columns
============================/
.col2 .fl-col {
margin-left: 1%;
margin-right: 1%;
max-width: 48%;
}

or

.bbb .fl-col {
padding-top: 15px;
padding-left: 15px;
padding-right: 15px;
width: -webkit-calc(33% - 20px);
width: -moz-calc(33% - 20px);
width: calc(33% - 20px);
margin-left: 10px;
margin-right: 10px;
}

This looks good but terrible with more rows with different columns below each other. Also doesnt work responsive.
Beaver builder is the best but this causes us headaches :slight_smile:
Any help or solution? Thank you

2

Hi,

Not entirely sure what you’re trying to achieve to be honest. However, why can’t you use the margin in the column settings to add the margin?