How To Customize Search Fields Border Radius

[Christopher McGee]

I want to change the border radius of all search fields in the search availability form. They’re currently all squared but I’d like to add rounded corners but I cannot figure out how to.

Does anyone know if this can be done with CSS?

You can see the search availability form on my website at the top: https://ecotels.org

For example, I’d like to change the box for “Check-in Date” and “Check-out Date” so that they have rounded corners.

[J. Davis]

Hi Christopher,

Thanks for your question. You may try to add the style below to Appearance > Customize > Additional CSS in order to ad border radius to all the fields of the search form within your site:

[class^="mphb_"]  input, [class^="mphb_"] select {
  border-radius:50px !important;
}

best regards,
J. Davis

[Christopher McGee]

Thank you so much, that worked perfectly!

[J. Davis]

Hi Christopher,

Thank you for your feedback. It would help us much if you leave a review about the MotoPress team on Trustpilot https://www.trustpilot.com/evaluate/www.getmotopress.com

best regards,
J. Davis

[Author]

Posts