Size of Entire Box

Hello,

Search box width and height cannot be managed through plugin settings. But you can manage it with custom css. You can add custom css in custom css box.

Add these lines in custom css box :-

.custom_search .searchform-popup{ width: 570px; }
.custom_search .searchform-popup .serachbox{ width: 420px; height: 40px; }

By changing above widht and height values, you can manage the width and height of the search box.

Hope this will help you. If you have any query, let us know.

Thanks

I tried your code and it only changes the white search box area, I need to make the big blue box surrounding it smaller?
Please see https://kingmanmerchantsmall.com/
Thank you

Hello,

If you want to make width and height changes in whole the blue box area, you can add these lines in custom css box:

.custom_search{ width:100%;padding: 20px 20px 40px; }

By changing these values you can manage width and height of blue box and if you don’t want to add search buttons. you can also hide that div using :

.custom_search_cat{display:none;}

Hope this will help you.

Thanks