tablepress css customisation

[milada]

Dear all,

I have two questions regarding the tablepress css customisation.
I created a table and want to:
1) change the background colour of the first row and the very left column, for that, I have added this code:

.tablepress .row-1 {
background-color: #38bcb8;
}

.tablepress column-A {
background-color: #71ede9;
}

2) decrease the size of the fonts in the first row, for that, I have added this code:

.tablepress tbody td {
font-family: Tahoma;
font-size: 12px;
color: #000000;
}

However none of the above codes work properly. What am I doing wrong?
Thank you for your hints.

Milada

http://moreyouthfulskin.com

[Victor Font]

Make sure you add the custom CSS to the CSS options field under the TablePress Plugin Options tab.

Also, columns in tablepress are numbered when rendered just as rows are. There wouldn't be a column-A in the generated code.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[milada]

Here is a SOLUTION for those, who search one:
1) - changing head row colour:

.tablepress thead th {
background-color: #38bcb8;
}

2) - changing the very left column colour:

.tablepress .column-1 {
background-color: #71ede9 !important;
}

2) - changing head row font size (and style)

.tablepress thead th {
font-family: Cambria;
font-size: 14px;
color: #000000;
}

I hope this may help anyone!

Milada

[Author]

Posts