image for site

Editing CSS and JavaScript in Zendesk Themes

Learn how to edit CSS and JavaScript in Zendesk themes to customize your help center's look and behavior.

How do I edit the CSS or JavaScript in my Zendesk theme?

Editing the CSS or JavaScript in your Zendesk theme allows you to customize the appearance and behavior of your help center.

To edit these files, go to the Guide admin, click on 'Customize design', select the theme you want to edit, and click 'Edit code'. You can then modify the 'style.css' for CSS changes or 'script.js' for JavaScript changes. Remember to save your changes and preview them to ensure everything looks and functions as expected.


More related questions

How can I customize my Zendesk Help Center theme?

You can customize your Zendesk Help Center theme by editing the page code directly. This allows you to create a unique look and feel for your help center. To get started, navigate to the Guide admin, click on 'Customize design', then 'Customize',…

What is Curlybars and how is it used in Zendesk themes?

Curlybars is a full-featured templating language used in Zendesk themes to access and manipulate help center data. You can use Curlybars to create or modify content in page templates and custom pages. It allows you to insert dynamic content and use…

Can I create custom pages in my Zendesk Help Center?

Yes, you can create custom pages in your Zendesk Help Center to enhance its functionality and user experience. Custom pages can be created from scratch and linked anywhere within your help center. This is particularly useful for adding static…

What happens when I modify a Zendesk theme's code?

When you modify a Zendesk theme's code, it becomes a custom theme and will no longer receive automatic updates. This means that any new features or updates released by Zendesk will not be applied to your customized theme. It's important to keep…

How can I use variables in CSS and HTML in Zendesk themes?

Variables in CSS and HTML allow you to maintain consistency and easily update properties across your Zendesk theme. In the standard Copenhagen theme, variables are used for colors, fonts, and images. You can reference these variables in your CSS…

How do I preview changes to my Zendesk theme?

Previewing changes to your Zendesk theme helps you see how your customizations will look before going live. After making changes in the code editor, click 'Preview' to see the visual impact of your edits. Keep in mind that the preview is mainly for…

What are the limitations of customizing Zendesk themes?

Customizing Zendesk themes offers flexibility, but there are some limitations to be aware of. Once you modify a theme's code, it becomes a custom theme and won't receive automatic updates from Zendesk. Additionally, custom themes are not supported…

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