Recent searches


No recent searches

How can I change the shape of the Search box?

Answered


Posted Jul 09, 2021

Instead of the search box having round edges, how can I make it be a rectangle shape?  See image for how I would like it to look. Thank you in advance.


0

5

5 comments

image avatar

Ifra Saqlain

Zendesk LuminaryMost Engaged Community Member - 2022Most Engaged Community Member of The Year - 2021Community 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

 

 

 

0


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


image avatar

Ifra Saqlain

Zendesk LuminaryMost Engaged Community Member - 2022Most Engaged Community Member of The Year - 2021Community 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

 

 

0


Thank you, Ifra  :)

0


image avatar

Ifra Saqlain

Zendesk LuminaryMost Engaged Community Member - 2022Most Engaged Community Member of The Year - 2021Community Moderator

:)

0


Please sign in to leave a comment.

Didn't find what you're looking for?

New post