Recent searches


No recent searches

Stylizing elements in Copenhagen theme in the help center



Posted Dec 10, 2024

Hi team, 
We want to stylize a window “Does this article answer your question?” and the ticket form background “Description”. 

As you can see from the screenshots above, we have customized other elements to be dark, but these windows are not customizable, as they are most likely hardcoded. We searched for these elements and tried different variations with the available code of the default Copenhagen theme, but unfortunately, nothing worked.
Zendesk Support confirmed that these elements are hardcoded. We know that it is possible to upload your own theme, but that still requires more resources, and we only need to style these elements.
Please advise if it is possible to make these elements customizable? Thank you.

 


0

1

1 comment

image avatar

Tipene Hughes

Zendesk Developer Advocacy

Hey John,
 
I've just done a bit of testing on my end and it looks like you should be able to target the editor classes like below:
 
.ck.ck-editor__main>.ck-editor__editable {
background: #000 !important
}
 
.ck.ck-toolbar {
background: #000 !important
}
 
You'll need to add these selectors to the style.css file of your Guide template code editor, You'll also want to account for text color and hover states etc. to ensure a consistent and readable experience for your users.
 
For the popup, you can right click to inspect the element and find the specific classes you should be targeting to set a different properties that are appropriate to your help center.
 
I hope this helps. Let me know if you have any questions.
 
Tipene

0


Please sign in to leave a comment.

Didn't find what you're looking for?

New post