Creating styles for each column

Hi @vinidelcenzo123,

Thanks for your post!

The way to introduce vertical lines or backgrounds may vary depending on the theme you’re using.

Would you be able to send a link to your form so that we can have a look at the page and provide the code needed to make this change on your site?

Thanks for your quick answer.

The site is on maintenance mode. Could you please give me your e-mail address where I can send the login data to?

Sure, no problem at all. Feel free to send login details to [email protected] and we’ll create the code for your particular theme asap.

For anyone reading this: the CSS code we provided for this particular scenario and template is below. Please note that this code is template-dependant, however feel free to modify the below code to fit your particular template as needed. The code should be added to your custom.css (or equivalent) file.

/* border left and right */
li[class*="column-count-1"] > div > ul {
	margin-left: 20px;
}
li[class*="column-count-"] {
	border-left: 1px solid grey;
}
li[class*="4-of-4"] {
	border-right: 1px solid grey;
}

/* remove borders and modify width on small screens */
@media only screen and (max-width:641px) {
	.gform_wrapper .gform_body { 
		width: 100%;
	} 
	li[class*="column-count-"] {
		border-left: none;
	} 
	li[class*="4-of-4"] {
		border-right: none;
	}
	li[class*="column-count-1"] > div > ul {
		margin-left: 12px;
	}
}