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

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

kevins1966kevins1966 Posts: 6Questions: 4Answers: 0

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

Answers

  • allanallan Posts: 63,434Questions: 1Answers: 10,458 Site admin

    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

Sign In or Register to comment.