Home>Support>A way to remove the bottom margin on widgets?

A way to remove the bottom margin on widgets?

I like the fact that you introduced bottom margins on Widgets and not just Rows.

However, in the Page Builder settings, the two are lumped together. In other words, I can’t keep a bottom margin on Rows and remove it for Widgets.

And within Widget Layout settings, I can’t set the bottom margin individually, the way I can for Rows.

Hopefully both of those features might be introduced in future releases.

In the meantime, has anyone found a way to remove the bottom margin on individual widgets?

I’ve tried both brute CSS on a widget (margin-bottom: 0;) and creating a class for the widget (no-margin-bottom), but neither has worked to override the very specific CSS that PB creates on the ID of the widget.

This is a free community support forum. Replies are not guaranteed. If you need professional email support, please purchase a SiteOrigin Premium license.

  1. 9 days, 17 hours ago Alex S Hi, I Work Here

    Hi George,

    Unfortunately, your only real option for overriding them is to forcefully set the margin-bottom to 0 with !important (margin-bottom: 0 !important;) or use an extremely specific selector (which honestly isn’t an option). We’re looking at introducing a new margin bottom setting in the future so hopefully, this won’t be required for long – very sorry about this.

  2. 8 days, 21 hours ago George Plumley

    Thanks for that info, Alex – I’ll use !important for the time being.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More