How To Customize Search Fields Border Radius

  • This topic has 3 replies, 2 voices, and was last updated 1 week, 1 day ago by J. Davis.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1299911
    Christopher McGee
    Participant

    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.

    #1300219
    J. Davis
    Keymaster

    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

    #1300354
    Christopher McGee
    Participant

    Thank you so much, that worked perfectly!

    #1300799
    J. Davis
    Keymaster

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.