Different widths for table rows

Hi Ismael,

I’m trying to change the width of a table and I found this code you posted here.:

.page-id-919 .avia-table {
    table-layout: auto;
}

.page-id-919 .avia-table tr td:nth-child(1) {
    width: 5%;
}

.page-id-919 .avia-table tr td:nth-child(5) {
    width: 40% !important;
}

I tried to make it work on my page (of course I changed the id), using this CSS:

.page-id-60927 .avia-table-1 {
    table-layout: auto;
}

.page-id-60927 .avia-table tr td:nth-child(1) {
    width: 7% !important;
}

.page-id-60927 .avia-table tr td:nth-child(3) {
    width: 7% !important;
}

.page-id-60927 .avia-table tr td:nth-child(3) {
    width: 7% !important;
}

.page-id-60927 .avia-table tr td:nth-child(4) {
    width: 7% !important;
}

.page-id-60927 .avia-table tr td:nth-child(5) {
    width: 7% !important;
}

.page-id-60927 .avia-table tr td:nth-child(6) {
    width: 7% !important;
}

.page-id-60927 .avia-table tr td:nth-child(7) {
    width: 7% !important;
}

But the widths of the columns won’t change – any hints?

thank you,
Ritchie