reduce font size of the dataTable

[joao_arthur]

necessary to reduce the size of the theme font, more precisely the dataTable, how I do?

[mert.sincan]

You need to override datatable's css. I think you can try the following css code;

Code: Select all

<style type="text/css">
   .ui-datatable,
   .ui-datatable .ui-datatable-tablewrapper table {
        font-size: 12px !important;
   }
            
   /* For Paginator */
   .ui-datatable .ui-paginator .ui-paginator-first, 
   .ui-datatable .ui-paginator .ui-paginator-prev, 
   .ui-datatable .ui-paginator .ui-paginator-pages .ui-paginator-page, 
   .ui-datatable .ui-paginator .ui-paginator-next, 
   .ui-datatable .ui-paginator .ui-paginator-last, 
   .ui-datatable .ui-paginator .ui-paginator-rpp-options {
        font-size: 10px !important;
   }
            
   .ui-datatable .ui-paginator .ui-paginator-current {
       font-size: 10px !important;
   }
</style>

[joao_arthur]

thank you, it worked perfectly, now I need to reduce the font size of the entire theme, you can?

[mert.sincan]

You're welcome! If you want to make change on font-size value of all components, you need to change the font-size of them one by one in theme.css. Unfortunately, we didn't use scss or less feature on sentinel,spark and ronin layouts.