Search box style

u037 · February 2020

Hi

How do I change the stye of the search box, from a 'square' look (like in this website) to one with round ends, in BeTheme?

Thank you

Pablo · February 2020

Hello,

You will have to use the Custom CSS code to achieve that.

If you are not able to do that, please send us a link to your website - we'll try to help you.

Thanks

u037 · February 2020

Hi Pablo,

Here's the link to our test/build server for this site

Thanks for your help.

Bryan · February 2020

Hey,

try this css

#searchform field { border-radius:15px; }

thanks

u037 · April 2020

Hi @Bryan thank you for that lead. With a little week :- #searchform input.field { border-radius:15px; } it worked fine.

Any chance you have any hints on changing the black line to the left of the searchfield to a thin white one?

Pablo · April 2020

Please use this CSS:

#Top_bar .top_bar_right::before{
	width:1px !important;
  box-shadow: inset 7px 0px 8px -6px rgba(255,255,255,0.15) !important;
}

thanks

u037 · May 2020

Hi Guys,

Also having problems with getting the banner image centred on some pages?

How can I get the images full screen width and or centred?

Thanks in advance

Pablo · May 2020

Please edit that section and set the "Background-Size" to "Cover"

See screen:

Thanks

Comments