How do I edit the search bar glass icon?

Hi.
I would like to adjust the search bar and add a custom icon to it, with a rounded button behind it. That’s the exact design from my Figma project.


That’s what I have got using Editor X:

Is it possible to adjust these stuff using the Dev mode? Would I be able to learn Velo from zero and replicate my design within a few days (I’m in the middle of a project). Maybe there is an easier way?

Thank you,
Idan.

So from my experience Velo would used to create your own functionality as opposed to changing an already existing app design wise.

I like using the example of Wix Stores. You can’t use Velo to change the Add to Cart button but you could use Velo to make your own store design and the code is for the functionality of the shopping process or add onto the functions of the store.

There’s this article about Velo and there’s a link to the Codecademy course (which I’m on and off with but it’s about 20 hours) but unless you already know Javascript, it would take time to learn. I shared the link to the wix-search API in your more recent post and depending on the importance of the design versus the cost, you could also hire a developer . Note might take some time to hear back and work out the details/contract with a developer if you go that route.

Thank you for the information!

Interest Ask. Also encountered this.