Editing CSS and JavaScript in Zendesk Themes
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?
Zendesk Support Tickets
Zendesk Messaging (live chat)
Join1,000+ companies reducing their support costs and freeing up support agents for more important work
“We needed an AI agent integrated within our current tools. My AskAI was the only solution that wasn't going to disrupt our operations.”
Zeffy
“At the end of last year I was given the challenge - how can we provide the same or better service, without hiring anyone?”
Zinc
“My AskAI blew everybody else out of the water. It made the selection process very easy for us.”
Customer.io($50M+ ARR)
“It now resolves 71% of queries (over 35,000 every month), meaning more time solving complex issues and improving UX.”
Freecash
“We needed an AI agent integrated within our current tools. My AskAI was the only solution that wasn't going to disrupt our operations.”
Zeffy
“At the end of last year I was given the challenge - how can we provide the same or better service, without hiring anyone?”
Zinc
“My AskAI blew everybody else out of the water. It made the selection process very easy for us.”
Customer.io($50M+ ARR)
“It now resolves 71% of queries (over 35,000 every month), meaning more time solving complex issues and improving UX.”
Freecash
Reduce support costs.Spend more time on customer success.
