milada07

Do I have a free version of the account then?
Thank you,

Milada

I saw this https://contactform7.com/configuration-errors/ but it did not help.
Can you help me?

Hi Mark,

thank you very much for your kind reply and hint!
Best,

Milada

Thank you,

Milada

I see! Thank you very much for your help and support!

Best wishes,

Milada

Hi,

the fixed header problem is not important. Thank you for trying solving it for me ??

Yes, the tables are too wide again as the first Czech table was before…
Here is the link for one of the examples: https://moreyouthfulskin.com/de/smoothie-staerkere-schoene-naegel/

Regards,

Milada

and last question: why the identical tables but in other languages appear wide (as the CS table before)? I checked all the parametres, and they are the same as for the first (CS) table…
In Extra CSS classes, there is everywhere (for all the tables): tablepress-roster6-table
Should a CSS code be added?

Regards,

Milada

Or an idea: is this shift caused by the fact that there is no frame under the header row??

https://moreyouthfulskin.com/cs/smoothie-silnejsi-krasnejsi-nehty/

Hi,

thank you.

Isn′t there a solution/code that would combine “true” and “top” in the “datatables_fixedheader=”? ??

Regards,

Milada

Hi,

thank you very much!!!! Now, it is wonderful!
There is just one more little thing that spoils the perfection:

now when scrolling, the columns of the header row shifted to the right so that they do not correspond the rows underneath…
please have a look here https://moreyouthfulskin.com/cs/smoothie-silnejsi-krasnejsi-nehty/ and scroll down

How to remedy on this one?

Regards,

Milada

Hi,

sorry, where do you see translate(25px,51px)?

I corrected as you suggested above, and now when scrolling, the columns of the header row shifted to the right so that they do not correspond the rows underneath.

Regards,

Milada

NOW IT WORKS!

I changed your code as follows:

.tablepress-roster6-table thead th > div {
	transform: /* Magic Numbers */
/* 90 is really 360 - 90 */
translate(25px,51px) rotate(270deg);
	width: 10px;
}

My question is how to center the rotated text in the cell now?

Regards,

Milada

I changed the code to:

.tablepress-roster6-table thead th > div {
	transform: /* Magic Numbers */
/* 90 is really 360 - 90 */
translate(25px,51px) rotate(330deg);
	width: 30px;
}

but it does not work…

Hi,

thank you. But now, the header text displays horizontally, instead of vertically.

https://moreyouthfulskin.com/cs/smoothie-silnejsi-krasnejsi-nehty/

this is my code:

.tablepress {
word-break: normal;
}

.tablepress-roster6-table th,
.tablepress-roster6-table td {
border: 1px solid black;
}

.tablepress-roster6-table .row-1 span {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
display: block;
height: 75px;
text-align: center;
vertical-align: center;
}

.tablepress thead th,
.tablepress tfoot th {
font-weight: bold;
font-size: 10px;
background-color: #12c9c4 !important;
}

.tablepress-roster6-table .column-1 td,
.tablepress-roster6-table .column-2 td,
.tablepress-roster6-table .column-3 td,
.tablepress-roster6-table .column-4 td,
.tablepress-roster6-table .column-5 td,
.tablepress-roster6-table .column-6 td,
.tablepress-roster6-table .column-7 td,
.tablepress-roster6-table .column-8 td,
.tablepress-roster6-table .column-9 td,
.tablepress-roster6-table .column-10 td,
.tablepress-roster6-table .column-11 td,
.tablepress-roster6-table .column-12 td,
.tablepress-roster6-table .column-13 td,
.tablepress-roster6-table .column-14 td,
.tablepress-roster6-table .column-15 td,
.tablepress-roster6-table .column-16 td,
.tablepress-roster6-table .column-17 td,
.tablepress-roster6-table .column-18 td,
.tablepress-roster6-table .column-19 td {
width: 5px;
padding: 2px;
}

.csstransforms & th.rotate {
height: 140px;
white-space: nowrap;
}

.tablepress-roster6-table .column-1 {
font-size: 10px;
background-color: #71f2ed !important;
}