How do I get the vertical line between the 2 sections of the (tru) 2 Column Text widget as seen on The Minimalists’ website?

Since tru is based on the custom site we built for The Minimalists this is one of a few design choices that differ between The Minimalists and the tru Theme. However, adding this vertical line is simple.

Simply navigate to your Appearance > Customize panel, scroll down to Additional CSS and add the following after any text that’s currently in that textarea.

.widget_spyr_tru_twocolumn .column.first { border-right:1px solid #cecece;box-sizing:border-box;padding:0 15px 0 0; }
.widget_spyr_tru_twocolumn .column.first p,
.widget_spyr_tru_twocolumn .column.first img { display:block;margin-bottom:0; }

@media only screen and (max-width:499px) {
.widget_spyr_tru_twocolumn .column.first { border-right:none;padding-right:0; }
.widget_spyr_tru_twocolumn .column.first img { margin-bottom:20px; }
}

Finally, click Save & Publish to apply your changes.