Site logo

Archived topic

How to make search button circle

3 replies · Started by Jin on September 15, 2022

Viewing posts 1–4 of 4

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%;
}

Hi Jin,

Can you try this?:

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

Thanks it works perfectly

You're welcome Jin!

This archived topic is closed to new replies.