Customize search bar

Hello @duber777,

If you do not use filters, then the search can be moved to the center by adding this style to the tab for custom styles: https://prnt.sc/t9doc4

.wtbpTableWrapper .dataTables_filter {
display: block;
float: none;
    text-align: center;
}

To increase the width use this style:

.wtbpTableWrapper .dataTables_filter input {
width: 200px;
}

Hi.
During this time i found a solution:

.wtbpTableWrapper .dataTables_filter label {
	position: absolute;
	left: 50%;
	transform: translate(-50%, -40px);
}	
.wtbpTableWrapper .dataTables_filter input[type=search] {
	width: 300px !important;
}

but your version is better – it doesn’t break the layout, thanks.

By the way, for some reason styles are not applied without !important
at least on the Astra theme.

• This reply was modified 4 years, 8 months ago by duber777.
• This reply was modified 4 years, 8 months ago by duber777.
• This reply was modified 4 years, 8 months ago by duber777.

Hi.

Thank you, we will check the priority of custom styles.