Change border radius

[Chris_Gersbeck]

Is there CSS to make the border radius on the search bar just 10px? Just trying to match the corners with the rest of my site. Thanks!!

[Sina]

Hi @Chris_Gersbeck

[class*="SearchBar__Container-sc"]{
  border-radius: 10px;
}

[Chris_Gersbeck]

Hmmm… that didn’t change anything. I’m pasting in the Custom CSS section of the elfsight widget. Am I doing it correctly?

[Sina]

Yes. here ist my example.
Do you have any other code in it?

[Chris_Gersbeck]

Ah it’s working if I use the first type of search bar, but not if I use the second option

[Sina]

.global-styles,
[class*="eapps-search"] *,
[class*="Popup__Container-sc"] ,
[class*="FloatingButton__Container-sc"] *{
border-radius:10px;
}

[Chris_Gersbeck]

That did it - thank you so much!!!

[Max]

Hi there, @Chris_Gersbeck

Happy to see that @Sina already found a solution, that worked for you!

If any further questions come up, feel free to contact us here. We’ll be happy to help