creating vertical line between columns

Hi Mark,

thanks for your question.

To add a border between the first and second column only, please try this “Custom CSS” code:

.tablepress-id-1 .column-1 {
    border-right: 2px solid #000000;
}

You can adjust the width and color of that border by simply adjusting that parameter value.

Regards,
Tobias

Thank you that answers it

Can I make this border something other than a line, like a graphic

Hi,

good to hear that this helped!

Making this an image is not directly possible. For that, you could create a new column between the existing ones and play around with a background image, that you make very narrow.

Regards,
Tobias

Thank you Tobias,

How would I
Turn off the row lines and
insert a graphic into the entire column?

Hi Mark,

to turn off the border for the rows, you can use similar code as you are already using it above:

.tablepress-id-1,
.tablepress-id-1 tr,
.tablepress-id-1 tbody td,
.tablepress-id-1 thead th,
.tablepress-id-1 tfoot th {
  border: none;
}

This should go before the CSS for adding that vertical border between the two columns (if you want to keep that).

Now, using a graphic in an entire column is not so trivial. Maybe I was a little quick with that suggestion… The problem is that there’s no CSS selector to target an entire column (because there’s no HTML element for an entire column). You will therefore actually have to apply that graphic as the background image of the entire table, with

.tablepress-id-1 {
  background: url(https://example.com/image.png) no-repeat center top;
}

Additionally, the background colors of the rows and cells must be made transparent. This is usually the default, but sometimes you might have to force it with:

.tablepress-id-1 tr,
.tablepress-id-1 td {
  background-color: transparent !important;
}

Regards,
Tobias