How to add borders in between columns for text column with images?

[smithexotic]

Hi,

I'm currently piloting the Startup theme, and am trying to figure out if its possible to add custom css to the section to create some dividers between column 1 &2 and column 2& 3.

My first screenshot is the original, and the second is what I was envisioning.

Thank you!

[EBOOST · Accepted solution]

Hi @smithexotic,

May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code

2. Assets/theme.css
3. Add code below to end of file -> You can replace red color with your color.

.module-inner.module-inline-items .module-inline-item {
	border-left: 2px solid red;
	border-right: 2px solid red;
}
.module-inner.module-inline-items .module-inline-item:last-child,
.module-inner.module-inline-items .section-title + .module-inline-item:nth-child(2),
.module-inner.module-inline-items .module-inline-item:first-child {
	border: none;
}

[smithexotic]

thank you so much, this was perfect!