Add Custom CSS for Downvote Messages in Zendesk
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?
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.
