Header Table Font

[francesco]

hello,
I installed a plugin for creating tables.
I think the css font of the theme affects the style of the table installed.
My problem is that the font of the header is uppercase, and I would like to change it to lowercase.

How can i fixed it?
Thanks
Best regards.

[Kyle – SUPPORT]

Hi

If you could share your link with me I can provide you with some custom css 🙂

– Kyle

[francesco]

i work in local, this is my css table code:

/* ——————————————–
TABLE SHORTCODE
——————————————– */

table.sf-table {
width: 100%;
display: table;
}
table.striped_minimal tr:nth-of-type(even), table.striped_bordered tr:nth-of-type(even) {
background-color: #f7f7f7;
}
table.sf-table th {
padding: 10px 20px;
text-transform: lowercase;
letter-spacing: 1px;
font-weight: normal;
vertical-align: middle;
text-align: left;
}
table.sf-table td {
padding: 10px 20px;
}
table.standard_minimal th {
padding: 10px 30px 10px 0;
border-bottom: 2px solid #e4e4e4;
}
table.striped_minimal th {
padding: 10px 30px 10px 0;
border-bottom: 2px solid #e4e4e4;
}
table.standard_minimal td {
padding: 10px 30px 10px 0;
border-bottom: 1px solid #e4e4e4;
}
table.striped_minimal td {
padding: 10px 30px 10px 0;
border-bottom: 1px solid #e4e4e4;
}
table.standard_bordered, table.striped_bordered {
border: 1px solid #e4e4e4;
}
table.standard_bordered tr, table.striped_bordered tr {
border-top: 1px dotted #e4e4e4;
}
table.standard_bordered th, table.standard_bordered td, table.striped_bordered th, table.striped_bordered td {
border-left: 1px dotted #e4e4e4;
}
table.striped_bordered th, table.striped_bordered td {
border-top: 0;
}

[Kyle – SUPPORT]

Make the lowercase important

table.sf-table th {
padding: 10px 20px;
text-transform: lowercase!important;
letter-spacing: 1px;
font-weight: normal;
vertical-align: middle;
text-align: left;
}

See if that works

– Kyle

[francesco]

don’t works, is the same.

[Kyle – SUPPORT]

Unfortunately I can’t investigate the issue without seeing your site. Please let me know when you put it online so that I can look into it for you.

– Kyle

[francesco]

i put my web site online, this is my table and i would fix my header in lowercase!

http://www.dellamarca.it/climatic-chambers/#models

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to your custom css.

.tablepress tfoot th, .tablepress thead th {
  text-transform: lowercase!important;
}

-Rui

[francesco]

ok work with tablepress, and if i use wpdatatables plugin?

[Rui Guerreiro – SUPPORT]

Please note that this kind of questions should be placed in those plugins support forum. We helped you with the previous one and it’s a 3rd party but we can’t do it for every plugin.

Hope you understand.

-Rui