image for site

Add Custom CSS for Downvote Messages in Zendesk

Learn how to add custom CSS for downvote messages in Zendesk to style feedback prompts for downvoted articles.

How can I add custom CSS for downvote messages in Zendesk?

Adding custom CSS for downvote messages in Zendesk helps style the feedback prompt that appears when an article is downvoted.

To add custom CSS, open the code editor for your theme in Guide, and navigate to style.css. Paste the provided CSS code at the bottom of the file to define the .downvote-message class. This class will initially hide the message and style it when displayed. If you're updating a live theme, click Publish; otherwise, click Save. This CSS ensures the downvote message is visually distinct and only appears when needed.


More related questions

How can I request feedback for article downvotes in Zendesk?

To request feedback for article downvotes in Zendesk, you can modify the Copenhagen theme to display a follow-up message when a user downvotes an article. This message includes a link to a New Request page with a ticket form, allowing users to…

What are the steps to enable anonymous voting in Zendesk?

Enabling anonymous voting in Zendesk allows users to vote on help center articles without signing in. This is an optional step if your help center is visible to anonymous visitors. To enable this feature, follow the instructions in the Zendesk…

How do I create a custom ticket field for article URLs in Zendesk?

Creating a custom ticket field for article URLs in Zendesk is essential for capturing feedback on downvoted articles. This field will store the URL of the article being downvoted. To create this field, go to the Admin Center, click on Objects and…

How do I update the Article Page template for downvote feedback in Zendesk?

Updating the Article Page template in Zendesk is crucial for displaying a feedback message when an article is downvoted. To update the template, open the code editor for your theme and click on article_page.hbs. Add the provided HTML snippet before…

How can I add custom JavaScript for downvote messages in Zendesk?

Adding custom JavaScript in Zendesk allows you to control the display of downvote messages when users interact with article voting. To add this JavaScript, open the code editor for your theme and navigate to script.js. Paste the provided JavaScript…

How do I test changes to the downvote feedback feature in Zendesk?

Testing your changes to the downvote feedback feature in Zendesk ensures everything works as intended before going live. To test, open the code editor for your theme and click Preview. In the Preview window, select a role of End user and a Template…

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