最近搜索


没有最近搜索

How can I change the shape of the Search box?

已回答


已于 2021年7月09日 发布

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 条评论

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


请先登录再写评论。

找不到所需的内容?

新建帖子