Home>Support>How can I change the space between columns having different rows?

How can I change the space between columns having different rows?

By Thebigspire, 8 years ago. Last reply by Thebigspire, 8 years ago.

Hi there!

First of all, I’d like to say that SiteOrigin is such a great tool! I’m a beginner website developer and this has been helping me a lot!

But I’ve got a problem: Could anyone tell me how can I change the space between columns having different rows?

Because I’ve got 2 rows with 3 columns each, so far. However, I haven’t been able to determine a different size to the space between the columns of each row.
I.e: the first row has to have 20px between the colums, and the second row has to have 40px between the columns. However, every time I change the spaces of one row, the spaces of the other one changes automatically to the same value.

I’ve been looking for the answer of this question, but couldn’t make it. Could anyone give me a hand?

Thanks a lot.

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

  1. 8 years, 11 months ago Greg Priday
    Hi, I Work Here

    Hi Thebigspire

    You should be able to change this space on a row by row level using the gutter setting. You can find more information on the styling page of the Page Builder documentation. Just check under the section called Bottom Margin, Gutter and Padding.

    Page: Styling a Page

  2. 8 years, 11 months ago Thebigspire

    Hi Greg!

    It works just PERFECTLY! Thanks a lot, I’m very happy I can move on :D

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