Custom search bar (box)


Is there a plugin where I can make my search bar look like this(see image), or is it possible without plugins?


Ya sure, pretty easy without a plugin.

Add a group to your page. If you’re in the new responsive engine, set the container layout to ‘align to parent.’

Add the search box or input to the group and remove any background, border, shadow, etc. Lastly, add your icon and have that stick to the center-right position. Simple as that, good luck!

And the search icon must interact with the search bar ofcourse, so when you click on it, you get search results. Its a bit pointless to paste the icon on top of it.


Hi @alexandrotad
I think this video will help you to get what you are trying to achieve (Fast forward to 6:12).

This topic was automatically closed after 70 days. New replies are no longer allowed.