• Ifra Saqlain

  • July 10, 2021 05:26

  Community Moderator

  

  

  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

   

   

   

• Victoria Campagna

  • July 11, 2021 16:00

  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

• Ifra Saqlain

  • July 12, 2021 06:07

  Community Moderator

  

  

  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

   

   

• Victoria Campagna

  • July 12, 2021 14:34

  Thank you, Ifra  :)

• Ifra Saqlain

  • July 13, 2021 04:01

  Community Moderator

  

  

  :)

Please sign in to leave a comment.