if you create a full-width row, insert a 1/1 column in that row, then put an SPB element in that, such as a multi-size masonry portfolio (turn off gutters), you will find that there is 15px of padding-left on the column > section.row.fw-row. This causes huge issues for the masonry. To fix this problem, I have to either write a css fix for every website, or use “Remove Element Spacing” on the row. Both solutions have drawbacks. Pretty much every version of Atelier has this bug (I’ve been using Atelier since it went public).
You will see in my screenshots the difference. As you can see it really affects the masonry, as the Javascript is comparing the row as full-width without accounting for the padding first, and therefore, as you can see, problems arise.
Bug:
.spb-row-container.spb-row-full-width .spb-column-container .row {
margin-left: 0;
margin-right: 0;
padding-left: 15px;
}
Maybe a quick fix?:
.spb-row-container.spb-row-full-width .spb-column-container .row {
margin-left: 0;
margin-right: 0;
padding-left: 15px;
padding-right: 15px;
}
.spb-row-container.spb-row-full-width.remove-element-spacing .spb-column-container .row {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
Attachments:
You must be
logged in to view attached files.
.