How to increase width of search bar in template grid.

0
I have template grid on my homepage and I want to increase width of search bar how can I do it. Input field of search bar is very small in size I want to increase width of that input box. If I double click of search field in template grid then it shows dialoge box open. and if edit tempate grid then it shows           what can I put in the css bar so that it increase width of search bar or any other solution we have. what can I put in the css bar 
asked
1 answers
0

Create one custom class for template grid.Mention the newly created class inside the templategrid as shown below

For example, customtemplategrid

.customtemplategrid .mx-grid-search-input

{

width:200px;

}

Add this css in your custom.scss file and then compile the file using Koala complier. After compilation, this css will be added to your custom.css file. This css will help you to change the width of searchbox

answered