Space between the rows & background beaneth them.

Hi ! Could you tell me if it's possible to get spaces between the rows and set a large background beneath them ?

I made a simulation with GIMP. You can see what i would like to do with the picture I linked.

Best regards

Container of item content has class:

.items-row {
...
}

and it is 100 in width. You can set background on it and set top and bottom padding. Second roblem is that you probably don't want to do same for all items or you want different backgrounds. Css nth chield may come useful for this:

www.w3schools.com/cssref/sel_nth-child.asp

Thanks for your quick reply. the issue with your solution is that it does not work after the welcom row. The welcom row as a content which is set on 100% width and no padding. But after that, the other row are centered and everything i put in it can't reach the sides of my screen. Could you help me with some idea i got. In the welcome row i add an image at the bottom, as you see in my picture from my first post. The issue is : the nexts row dont allow me to put an image in full width like the first one, is there any solution to do this and "simulate a backgroung" by adding it in pieces at the end of each row ?

Obviously i would like to keep the rest of the content of the rows like it is already. thank you.

Instead of padding on .items-row you can use margin on child element:

.items-row .item{
margin-top:30px;
margin-bottom:30px;

}