How can I change the shape of the Search box?

Answered

5 Comments

  • Ifra Saqlain
    Community Moderator
    Most Engaged Community Member - 2022
    Most Engaged Community Member of The Year - 2021

    Hi Victoria,

    Add the given code at the bottom of your stylesheet:

    //May be you have different class of search bar so you can remove the border-radius

    .search-full.search input[type="search"]{
    border-radius: 0;
    }

     

    If you have a query, let me know.

    Thanks

     

     

     

    0
  • Victoria Campagna

    Hi Ifra,

    Thank you!  This is exactly what I needed.  One more question - how can I change the height of the box?  I want to make it slightly bigger.

    Thank you in advance,
    Victoria

    0
  • Ifra Saqlain
    Community Moderator
    Most Engaged Community Member - 2022
    Most Engaged Community Member of The Year - 2021

    For height changement, you can add the height in the given code like:

    .search-full.search input[type="search"]{
    border-radius: 0;
    height: 60px //anything you want
    }

     

    Thanks

     

     

    0
  • Victoria Campagna

    Thank you, Ifra  :)

    0
  • Ifra Saqlain
    Community Moderator
    Most Engaged Community Member - 2022
    Most Engaged Community Member of The Year - 2021

    :)

    0

Please sign in to leave a comment.

Powered by Zendesk