Full width of search box

  • Resolved rakeshnirzari1

    (@rakeshnirzari1)


    3 years, 10 months ago

    Hi

    I am enjoying your plugin. Just want to know if there is any css trick or any other method to make the search box full width? Currently the search box is small one on the top left corner however I want to make it a full width.

    Thanks

Viewing 1 replies (of 1 total)
  • Plugin Author wpDataTables

    (@wpdatatables)

    Hi rakeshnirzari1,

    Thank you for your interest in wpDataTables.

    Just add this code in Custom wpDataTables CSS under the “Custom JS AND CSS” in main settings of wpdatatables.

    .wpdt-c .wpDataTablesWrapper .dataTables_filter label input[type="search"],
.wpdt-c .wpDataTablesWrapper .dataTables_filter label,
.wpdt-c .wpDataTablesWrapper .dataTables_filter{width:100% !important;}

    This will be affected on all tables, but if you want just for specific one then insert this code on page where is that table between the style tag.(<style>Code here</style>)

    
<style>
.wpdt-c .wpDataTablesWrapper .dataTables_filter label input[type="search"],
.wpdt-c .wpDataTablesWrapper .dataTables_filter label,
.wpdt-c .wpDataTablesWrapper .dataTables_filter{width:100% !important;}
</style>
Viewing 1 replies (of 1 total)
  • The topic ‘Full width of search box’ is closed to new replies.