Streaming live at 10am (PST)

Rows / Margins / Gutter

Is it possible to reduce the gutter between the rows? I’d like to set it to 0 but it seems to be set a 10px.

Hi @ckg!

You should be able to do this by simply selecting your row element, and setting the top/bottom margins to 0:

If this doesn’t work for you, then I would check to see if:

  • You are using different classes for each row – if so, just make sure all of the top/bottom margins are set appropriately
  • Any of the elements inside your rows have top/bottom margins that are creating that extra visual space “between” the rows

I hope that helps, let me know if you have any other questions or problems!

Thanks kkilat. I meant to say columns - sorry. Any ideas about them?


Ahhh got it. For columns, you can’t change the margin, because it will break our responsive grid. You can, however, change the padding for the columns if you apply a style class to them all (in the Style Editor > Current Selector field), and then adjust the left/right padding to 0.

Does that work for you?

1 Like

Yes - that’s great. Thanks so much for your help.