Home>Support>Space between 2 widgets (one above the other) in the same row

Space between 2 widgets (one above the other) in the same row

By artvaz, 10 years ago. Last reply by Andrew Misplon, 10 years ago.
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].

How can I make the vertical space between 2 widgets go to 0px, Im trying to set padding 0 but is not working
you can see the problem in action in the following page:

http://qpuntto.com/bares-2/

I resolved this problem placing the widgets in different rows (the bottom space set to 0px), the problem is that when I go on mobile view it is a dissaster as you can see in this page (Mobile view):

http://qpuntto.com/bares/

URL: http://qpuntto.com/bares-2/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Hi :)

    Please try this. Edit the row in question, click attributes and enter the following as a CSS Row Class:

    no-b-margin

    Then target that class from Appearance > Custom CSS as follows:

    .no-b-margin .panel-grid-cell .so-panel { margin-bottom: 0 !important; }
  2. 10 years, 1 month ago artvaz

    it worked really good

  3. 10 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Super, glad to hear that did the trick :)

    All the best.

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