<![CDATA[Setting row gutter background colours]]>We are building a site with sticky elements and content panels that scroll over one another. One issue is that even though row background colours are specified, the row gutters remain transparent. I'm having trouble targeting these to set a global background colour for them. The only fix I have found is to set grinder gutters to 0 (which then makes page editing look really crammed), and then add top/padding padding to rows, which inherits their row background colour.

Is there an easier way to just globally target the row gutter background colour, so it doesn't show through the content underneath it on scroll?

]]>https://laythemeforum.com/topic/11583/setting-row-gutter-background-coloursRSS for NodeWed, 08 Apr 2026 14:24:34 GMTTue, 24 Feb 2026 23:00:39 GMT60<![CDATA[Reply to Setting row gutter background colours on Mon, 02 Mar 2026 17:28:08 GMT]]>im also working on this: right click on row gutter will set the gutter background color:

image.png

will be in the next update

]]>https://laythemeforum.com/post/46584https://laythemeforum.com/post/46584Mon, 02 Mar 2026 17:28:08 GMT<![CDATA[Reply to Setting row gutter background colours on Mon, 02 Mar 2026 17:23:05 GMT]]>ah can you try this?

.row{
    margin-bottom: 0!important;
}
.row::after{
    height: 30px;
    width: 100%;
    background-color: red;
    content: '';
    display: block;
}
]]>https://laythemeforum.com/post/46583https://laythemeforum.com/post/46583Mon, 02 Mar 2026 17:23:05 GMT<![CDATA[Reply to Setting row gutter background colours on Thu, 26 Feb 2026 22:27:28 GMT]]>Thanks @arminunruh I worked this out, but the row gutters are what I am trying to ad a background colour to globally. That's the one I can't work out.

]]>https://laythemeforum.com/post/46446https://laythemeforum.com/post/46446Thu, 26 Feb 2026 22:27:28 GMT<![CDATA[Reply to Setting row gutter background colours on Thu, 26 Feb 2026 15:10:55 GMT]]>if you want the same inner padding for rows globally, you can use:

.row{
    padding-top: 20px;
    padding-bottom: 20px;
}

Enter this css in "lay options" -> "custom css & html" -> "custom css"

]]>https://laythemeforum.com/post/46431https://laythemeforum.com/post/46431Thu, 26 Feb 2026 15:10:55 GMT<![CDATA[Reply to Setting row gutter background colours on Wed, 25 Feb 2026 10:52:23 GMT]]>This is a nice little addition, but I would need to do it manually for every row. What I was trying to solve is a global way to set it.

]]>https://laythemeforum.com/post/46418https://laythemeforum.com/post/46418Wed, 25 Feb 2026 10:52:23 GMT<![CDATA[Reply to Setting row gutter background colours on Wed, 25 Feb 2026 10:05:32 GMT]]>ok you will have this with the next update:

image.png

]]>https://laythemeforum.com/post/46410https://laythemeforum.com/post/46410Wed, 25 Feb 2026 10:05:32 GMT<![CDATA[Reply to Setting row gutter background colours on Wed, 25 Feb 2026 09:46:53 GMT]]>going to work on this now

]]>https://laythemeforum.com/post/46409https://laythemeforum.com/post/46409Wed, 25 Feb 2026 09:46:53 GMT<![CDATA[Reply to Setting row gutter background colours on Wed, 25 Feb 2026 09:46:46 GMT]]>ok i think it would be best if we could select a row and then be able to set the inner space (padding) for the row in the sidebar:

image.png

]]>https://laythemeforum.com/post/46408https://laythemeforum.com/post/46408Wed, 25 Feb 2026 09:46:46 GMT