border for a only column

Hi,

thanks for your post, and sorry for the trouble.

For the background color, you can use some “Custom CSS” like

.tablepress-id-123 .column-2 {
  background-color: #ff0000 !important;
}

For a border around that column, you can use

.tablepress-id-123 .column-2 {
  border-left: 1px solid #ff0000;
  border-right: 1px solid #ff0000;
}
.tablepress-id-123 tr:first-child .column-2 {
  border-top: 1px solid #ff0000;
}
.tablepress-id-123 tr:last-child .column-2 {
  border-bottom: 1px solid #ff0000;
}

Regards,
Tobias

Hello Tobias, the first line is defined as a header, the CSS but it takes:

.tablepress-id-1 tr: last-child {.Column-6
???? border-bottom-color: # C31924;
???? border-bottom-style: solid;
???? border-bottom-width: 2px; 

}

that’s wrong, right?

Hi,

yes, that is wrong. Where did you get that from?
Please try exactly what I posted above.

If that doesn’t work, please post a link to the page with the table where this problem happens, so that I can take a direct look. Thanks!

Regards,
Tobias

hi Tobias, Please find enclosed the link, there have been times quickly in a test installation online. original with me only on PC.

Fehler

vielen dank für top plugin und hilfe

Hi,

thanks for the link!
Please try again with this:

.tablepress-id-2 .column-6 {
  border-left: 1px solid #ff0000;
  border-right: 1px solid #ff0000;
}
.tablepress-id-2 thead tr:first-child .column-6 {
  border-top: 1px solid #ff0000;
}
.tablepress-id-2 tbody tr:last-child .column-6 {
  border-bottom: 1px solid #ff0000;
}

Regards,
Tobias

HOW DO I REMOVE THE BORDER? I TRIED TO ADD THIS WHICH I FOUND IN YOUR DOCUMENTATION. https://dev.meridianthesalon.com/mobile-app/

I DO NOT WANT ANY LINES TO BE SHOWN

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

THANK YOU
LISA

Hi Lisa,

thanks for your post, and sorry for the trouble.
(For your next post, please use proper capitalization in your post, as uppercase-only is considered as “screaming” on the web. Thanks!)

The problem on your site is that your theme is also adding borders to tables in a rather aggressive way. We will therefore need to slightly modify the “Custom CSS” code. Please try again with changing

border: none;

to

border: none !important;

Regards,
Tobias

Perfect thank you !!! And I will remember the all caps rule. Have a great day thanks for the quick response.

Hi,

no problem, you are very welcome! ?? Good to hear that this helped!

Best wishes,
Tobias