Full width row with 3 elements and no padding

[morruu]

Hi again,

Here is another question.

I have a full width row with the wrap type set to full width. Inside the row element I have 3 boxed content elements. How can I get rid of the padding between the boxes and the margin in the bottom?

I have tried to add extra classes like pr0 pl0 mb0 for the row element without success.

Please see attached screenshot.

Best regards
Morten

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Edit the row settings, look for this:

[morruu]

Hi David,

I activated the setting, but there is still space between the three boxes and a margin to the next element on the page.

Please take a look at the screenshot.

Best regards
Morten

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Can you provide me a link to that page and also some admin credentials so we can check it?
Use the private reply.

Thanks

-Rui

[morruu]

This reply has been marked as private.

[Kyle – SUPPORT]

Hi

Add this to your custom css:

.spb-row-full-width.remove-element-spacing .spb_box_text {
  padding: 0;
}
.spb-row-full-width.remove-element-spacing .spb_box_text .box-content-wrap {
  min-height: 280px;
}

– Kyle

[morruu]

Thanks. The custom css code works. If I only want to use the css code on this page, should I then add the page id to the css code e.g.

.page-id-6699 .spb-row-full-width.remove-element-spacing .spb_box_text {
padding: 0;
}
.page-id-6699 .spb-row-full-width.remove-element-spacing .spb_box_text .box-content-wrap {
min-height: 280px;
}

Best regards
Morten

[Kyle – SUPPORT]

Yes that’s correct

– Kyle

[morruu]

Thank you for the support 🙂

[Kyle – SUPPORT]

No problem