Expand my Community achievements bar.

SOLVED

How do I ensure there is a gutter between two containers ?

Avatar

Level 1

This is the original spacing/gutter between two containers:

1855072_pastedImage_0.png

I have been copying and pasting the containers to obtain a different order, then deleting the original containers after I was happy with the order. However, the gutter/margin between the rows have disappeared for some of them.

1855184_pastedImage_1.png

I have been into configure but can't see anything in there. I have been into layout, but don't appear to get the blue circles at all.

Any suggestions ?

Thanks

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

Hi,

You can easily handle this using CSS.

e.g.

.inner-container-component.cq-Editable-dom{

   margin:10px 10px;

}

create CSS clientlibs with category cq.authoring.dialog



Arun Patidar

View solution in original post

1 Reply

Avatar

Correct answer by
Community Advisor

Hi,

You can easily handle this using CSS.

e.g.

.inner-container-component.cq-Editable-dom{

   margin:10px 10px;

}

create CSS clientlibs with category cq.authoring.dialog



Arun Patidar