Change table properties through CSS

Hi all,

As a happy Enfold user I have created a page that contains tables with product information. However I want the tables to be smaller in size, i.e. decrease the padding, font size and table width.
For font size I found a solution on this forum, it told me to add the following to the Quick CSS or to the style.css of the Child theme. I have tried both (Quick CSS through and Enfold Child > General styling and in Style.css through Appearance > Editor) but font size in the tables still remains the same.

.avia_pricing_minimal td,
.avia_pricing_minimal th {
    font-size: 10px;
}

What am I doing wrong?
And what additional code can I use to change the cell padding and table width?

What if I want different properties for the default pricing table and/or tabular data tables?

Any help would be highly appreciated.

Thanks,
Tim