How to change button to icon and hide shadow?

mastersuse

Hi, in my case below I have 2 related issue.

1) How to change export button to image (not inside button)
2) How to hide the shadow between "Entries" text and "Options" button (your screen need to tilt down). For this case I want to have a space after "Entries" text.

This the the images for reference.

.btn-export{
    margin-left: 7px !important;
}

$('#testTable').DataTable({
    dom: 'Bfltip',
    buttons: [
        {
            className: 'btn-export btn-outline-dark', 
            extend: 'collection',
            autoClose: 'true',
            text:      'Options',
            buttons: [
                {
                    className: 'btn-outline-dark',
                    extend:    'pdfHtml5',
                    text:      '<i class="icon-refresh icons"></i> PDF',
                    titleAttr: 'Download in PDF'
                },
            
            'csv', 'print', 'excel', 'pdf', 'colvis' ]
        }
    ],
});

allan

This example shows how icons can be used for the export buttons.

For the shadow, that must be a CSS error. We’d need a link to your page to be able to offer any help.

Allan