Streaming live at 10am (PST)

Rows / Margins / Gutter


#1

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.


#2

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!


#3

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


#4

@ckg

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?


#5

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


#6

#7