Changing the size of the search box

robamacaf

This might be a REAL stupid question but where do I go to modify the size of the search box? I want to make it a tad smaller.

Also, how would I go about adding a space after the table before it says 1 of 3 results of 3, for example.

Thank you in advance
Rob

robamacaf

Here is a screen shot of what it looks like, and what I am going for. It seems I don't even have to shorten the search box but just somehow get rid of the whitespace between the drop down and the search.
http://digitaleconnected.com/tahs/as.jpg

Thanks again

allan

Hi Rob,

I think you can use CSS to achieve what you are looking for. For the input element something like:

.dataTables_filter input { width: 50px }

would do, and for the margin above the info display:

.dataTables_info { margin-top: 12px }

or something like that. Have a fiddle around with the values in Firebug. Also all the class / ID information that DataTables uses can be found here: http://datatables.net/styling/ids_classes

Regards,
Allan