Styling Search Button

I’m trying to layout a search element with the search box next to the search button.

All the button styling tutorials just use columns, but with the search element, you can’t separate the search input field from the search button.

How are people handling this? Seems like there should be a fairly easy way to fix this.


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Try setting the search container/form to be use display:flex… and removing the margin-bottom on the text field.

1 Like

It says “flex display has no impact on input elements”

Not the field itself. Do it on the Parent Wrapper form.

1 Like

Perfect - thank you for your help.

Can I change the button to a search magnifying glass?

1 Like