[Resolved] How to make search button circle

[Jin]

I’ve tried adding some CSS but nothing’s worked so far. How can I make the button a circle?

I’ve tried:

.search-bar-homepage { 
    border-radius: 50%;
}

And

.wp-block-search__inside-wrapper .wp-block-search__button .has-icon { 
    border-radius: 50%;
}

[Fernando]

Hi Jin,

Can you try this?:

.wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
    border-radius: 50%;
}

[Jin]

Thanks it works perfectly

[Fernando]

You’re welcome Jin!

[Author]

Posts