Is there a way to make the pagination icons/text larger or bolder and alter spacing?

kevins1966

The default pagination icons for first (<<), previous(<), next(>) and last (>>) are quite small and faint
as yo can see from the screen shot below

I have altered them to use words using

                language: {
                    paginate: {
                        first: 'First',
                        previous: 'Previous',
                        next: 'Next',
                        last: 'Last'
                        }
                    },

however even these are faint

Is there a way to alter this, to make them bolder using an option in Datatables?

Also the spacing/layout of the 'word' option seems untidy, mainly due to the length of the word 'Previous' making the one sides words longer then the others. Is there any way to smarten this up.?

Thanks

allan

Use a splash of CSS:

div.dt-paging-button.disabled {
  color: red;
}

Likewise, you can use padding / margin in CSS to change the spacing of the buttons if you like.

Allan