CSS Search Bar (Webflow)

Hey, absolutely love Algolia search and wish it had some integration with Webflow but I’ve been experimenting trying to get it to work. I have managed to style the hit results how I’d generally like but I’m really struggling to find a way to style to the search bar, it just won’t work with the CSS or classes I create.

You can find a link to the draft page here: https://goformaco.webflow.io/home-v2

Does anyone know what I’m doing wrong? Ideally I want to use a class called “home-search” on the search input but it doesn’t work when I try and define the element as an input - only as a Div.

I tried to use the CSS code here but I just can’t get it to work!! https://www.algolia.com/doc/api-reference/widgets/search-box/js/#examples

Hello @charlie2 and thansk for the kind words.

First of all, we are not providing any integration with WebFlow at the moment.

Secondly, from the webpage you sent us, I’ve tried the “Get Business Support” search bar at the bottom and the implementation looks great so far. I’m not sure of what you are trying to achieve which does not work? Do you want to style the search bar itself? Is it an issue for you to have to use a <div> instead of an <input>?