I’m using a “Grid Row” component for adding some space on the right and left of two icon lists. It’s setup so that there’s a 1/5 cell, then a 3/5 cell with two 1/2 columns (each containing the icon lists), then another 1/5 cell. It works fine, but I’d like to shrink the space that the 1/5 cells are providing on each end.
Was hoping I could just set the cells to 1/6 or 1/7 on the ends, but they only go up to 1/5 for the options.
Any way to accomplish this easily? Some kind of horizontal equivalent to the “whitespace” separator?
Hi Michae1!
Try dragging a codeblock element to your page content and add this inside.
<style type = "text/css">
.av-layout-grid-container .av_one_fifth {
width: 10% !important;
}
</style>
Cheers!
Elliott
Hi Elliott,
It worked! Thanx!!