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

A way to remove the bottom margin on widgets?

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

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 our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 7 years, 10 months 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. 7 years, 10 months 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