Help with grid row spacing

Hi,
Thank you for your patience and the link to your test page, for rounding the corners of the background images in your grid row cells it is possible like this:

#main > .av-layout-grid-container > .flex_cell.av_one_half {
	border-radius: 10px;
    background-size: cover !important;
}

but because it is a grid row you will not be able to have a space between the cells, so I recommend removing the background images and adding image elements inside of the grid row cells then set the border-radius like this:

#main > .av-layout-grid-container > .flex_cell.av_one_half img {
	border-radius: 10px;
}

now you will find that at mobile the images are not full-width and you still don’t have a space between the first two images, to correct try this:

@media only screen and (max-width: 767px) { 
	.responsive #top #wrap_all #av-layout-grid-1.av-flex-cells .no_margin {
		padding: 0!important;
	}
	#top #wrap_all #av-layout-grid-1 > .avia-builder-el-first {
	margin-bottom: 20px;
    }
}

linked below is the test page I created to work this out, please check and try this out.

Best regards,
Mike

Hi,
Glad to hear this helped, for the video try this:

#av-layout-grid-4 .avia-video.avia-video-custom,
#av-layout-grid-4 .avia-iframe-wrap iframe {
	border-radius: 15px;
}

instead of a color section try a one column with a background color and the border radius, that should work, if not try making a mockup example.

Best regards,
Mike