image for site

Change Search Bar Shape in Zendesk Help Center

Learn how to customize the shape of the search bar in your Zendesk Help Center by editing CSS.

Can I change the shape of the search bar in Zendesk Help Center?

Yes, you can change the shape of the search bar in your Zendesk Help Center by adjusting the CSS.

To do this, edit the style.css file in your help center customization section. Look for the .search input[type="search"] selector and modify the border-radius value. For example, setting the border-radius to 0px will make the search bar square, while increasing the pixel value will make it more rounded.


More related questions

How can I edit the branding of my Zendesk Help Center theme?

You can easily edit the branding of your Zendesk Help Center theme by accessing the Customize design icon in Guide. This allows you to change colors, fonts, logos, favicons, and default images. To start editing, navigate to the Themes page and…

How do I edit the code and assets of my Zendesk Help Center theme?

To edit the code and assets of your Zendesk Help Center theme, you need to access the Edit code option in the theme customization settings. First, go to the Themes page in Guide and select Customize for the theme you want to modify. Then, click on…

How can I link a clickable image to a category in Zendesk Help Center?

To link a clickable image to a category in your Zendesk Help Center, you need to wrap the image tag in an anchor tag with the href attribute pointing to the category URL. Here's a simple example: `<a href=/hc/en-us/categories/{category_id}…

How do I change the position of the search bar in my Zendesk Help Center?

To change the position of the search bar in your Zendesk Help Center, you need to modify the HTML and CSS files. The search bar's HTML code is located in the home_page.hbs file, specifically within the section element with the id #main-content. You…

How can I add a link to the top bar of my Zendesk Help Center?

To add a link to the top bar of your Zendesk Help Center, you need to edit the HTML and possibly the CSS of your theme. Locate the file that contains the top bar's HTML structure, which is often in the header.hbs or a similar file. Insert your link…

Is it possible to have different templates for each brand in Zendesk?

Yes, each brand in Zendesk can have its own unique template, and changes to one brand's template won't affect others, even if they use the same base template like Copenhagen. This allows you to customize each brand's Help Center to meet specific…

Interested indeflectingover 70% of your Zendesk support tickets?

Our AI customer support agent is here to help. Trained on all your help docs, installed directly into your Zendesk account, it can be used to automate customer replies for tickets or live chat. Learn more below.
Zendesk logo

Zendesk Support Tickets

Receive new tickets by email or a support form? This integration is for you.
My AskAI integrated within Zendesk to deflect support tickets
Learn about our Zendesk ticket integration
Zendesk logo

Zendesk Messaging (live chat)

Using Zendesk's Messaging widget on your site for live chat? This integration is for you.
My AskAI integrated within Zendesk to deflect customer support live chat conversations
Learn about our Zendesk Messaging integration

Join1,000+ companies reducing their support costs and freeing up support agents for more important work

Vestd company logo — Customer of My AskAI's AI customer support agents
Genesis company logo — Customer of My AskAI's AI customer support agents
Zinc company logo — Customer of My AskAI's AI customer support agents
Customer.io company logo — Customer of My AskAI's AI customer support agents
Zeffy company logo — Customer of My AskAI's AI customer support agents
NHS company logo — Customer of My AskAI's AI customer support agents
Kontakt.io company logo — Customer of My AskAI's AI customer support agents

Reduce support costs.Spend more time on customer success.

Our AI customer support agents are already used by 👇
Companies using AI assistants on their websites