Recent searches


No recent searches

Branding your help center



image avatar

Jennifer Rowe

Zendesk Documentation Team

Edited Feb 07, 2025


6

29

29 comments

i have uploaded a 1600x300 image to my help center "hero image" but on higher res screens the edges are getting cut off. Are there tricks to preventing this? 

2


Hello, just wanted to ask if the logo image size recommendations in this article still apply to the Copenhagen Theme. I ask as the default image in git is 470x470. Thanks in advance.

The recommended image size is 200px by 50px. For the Copenhagen theme, the recommended maximum height is 37px.

If the width or height of the image exceeds the recommended size, the image is scaled down to keep the aspect ratio constant. The image background should be transparent or match the background color of the header.

1


Running into an issue that I've seen posted in the comments but I wasn't able to see any resolution to it. Apologies if I missed it. I have uploaded a new Hero banner image to our Guide but at 100% zoom in chrome, the image gets cut off on the top and bottom. If I zoom to 200% in Chrome, the image looks fine but then the rest of the help center is MASSIVE. I have resized the image at least 10 times but every time I upload, the image remains the same, cut off on the top and bottom. I ensured to use the 300 pixel hight suggest in the article. I even tried one that was much smaller and one that was bigger. It always looks the same.

Here is 200% Zoom in chrome

Here is 100% zoom in Chrome

 

Any ideas how to make the banner actually fit?

 

4


Is it possible to update your own fonts?

3


image avatar

Cheeny Aban

Zendesk Customer Care

Hi Carlo,

Yes, customizing your help center base on your preference is possible under Guide Professional Plan. You may check Customizing your help center theme for more information.

All the best

 

1


I am a Guide Admin but unable to customize the design and restructure my help center. I believe this is because I am not the Account Owner? Is there a way for the Account Owner to grant these permissions? 

1


Hi Sam, 
 
It appears that although you're set to be an Admin in Support, you're an Agent in Guide. See About team member product roles and access for information on how to update your Guide role.

1


Hi There,

 

I would like to know how to change the colour of the help center name and language selection under the footer? Thanks

1


image avatar

Tipene Hughes

Zendesk Developer Advocacy

Hi Ashley,
 
Thanks for reaching out!
 
You can do this by updating the CSS values for those elements in the style.css file of your help center theme. Specifically, you'll want to update the .footer a and .footer-language-selector button selectors. As an example, the below code snippet would update both elements to display as red:
 
.footer a {
  color: #FF0000;
}

.footer-language-selector button {
  color: #FF0000;
  display: inline-block;
}
 
This article will go in to a bit more detail about customizing the CSS of your help center:
 
I hope this helps! Feel free to reach out with any questions.
 
Tipene

1


Was there ever a resolutions for the problem Edmund Ewell mentioned? I am experiencing it as well.

3


image avatar

Cheeny Aban

Zendesk Customer Care

Hi Nick, 

I would suggest that you initiate a conversation with us, so one of our Support Representatives would be able to help you troubleshoot the hero image issue

1


Hi Nick Bradford / Edmund Ewell

Thank you for reaching out!

think you can solve the problem by making some changes in your help center's style.css file. All you have to do is look for 'Hero Component' section and make the following amendments:

  1. Change: background-size: cover; > background-size: contain;
  2. add code: background-repeat: no-repeat;
  3. Click Publish

I hope this helps, but let me know if you have any questions.

Best,

Kuldeep

3


How do you set the height of the hero container? I added height to .hero-unit but that didn't have any effect. The section class is hero-unit--large container but I don't see that anywhere in the CSS.

1


Does anyone know how to add a branding logo to the Help Center's page and it appears on top of search sections? I added a screenshot below and also included circles where I need the logos to appear. Please advise

1


Any help will be great!

What all image formats can be used for Brand Image?

 

1


image avatar

Pulkit Pandey

Zendesk LuminaryCommunity Moderator

Hi Prakash Sati

It would be great to use .png format for all brand images

Thanks
Pulkit
Team Diziana

1


Hi Prakash, I believe you should be able to use any of the image formats listed here: Using your own theme assets for help center

1


image avatar

Viktor Osetrov

Zendesk Customer Care

Hi Tanya,

Thanks for your question. 
Could you please try this workaround?
YouTube - https://youtu.be/SFwYtUDrVok
Hopefully it helps,

 

1


Does anyone have advice on how to adjust the size of the boxes that the Section/Category appears in? We have 4 sections that appear in our Copenhagen Theme but I don't see anywhere to customize the size of those boxes

1


image avatar

Pulkit Pandey

Zendesk LuminaryCommunity Moderator

Hi Dave Jensen

Please add the below CSS at the bottom of your style.css file

.blocks-list {
justify-content: center;
}

/* update the value to update the size of blocks */
.blocks-item {
flex: 0 0 340px;
}

Let me know if it solves your issue 

 

Thanks 

Pulkit

 

 

 

 

1


Hello, can I change the brand colors of a guide theme from javascript? And if so, how exactly do I do that? I haven't found anything yet how exactly I can access the manifest.json in the in the script.js to then change the colors. Can someone help me there?

 

1


image avatar

Tipene Hughes

Zendesk Developer Advocacy

Hey Wilhelm Lenz,

Most of the styling for your help center can be updated from the style.css file in your help center template editor. Can you give me an example of an area you'd like to have the colors changed?

Thanks,

Tipene

1


Hi Tipene Hughes,

Changing things from within style.css is not a problem. We have a client who runs a website for a brand. For this brand there are 3 sub-brands which all together should have a single help center. But we want to change the color of the help center depending on the URL from which it is accessed. Thereby a URL parameter should be delivered. Depending on the parameter the color of the help center should be changed. I want to do this dynamically from script.js. So far it works. But I don't want to change the color of every single block, because that would take too long and I would have to change the color every time new content is added. Therefore I would like to access the settings of the manifest.json from the script.js file to change the global colors. Now the question is, can I do this somehow?

And secondly I would like to know if I can query URL parameters from within the template? I would also like to change the logo depending on the parameters supplied. The files for this are in the assets folder. Is there a helper with which I can achieve this?

If both are possible, can you help me get this done?

1


Hello,

maybe someone can help me with my last described problem? That would be great! I'm not getting anywhere with it right now.

 

1


Does anyone have the image size of the home page hero that would translate to a mobile/phone screen?

 

1


image avatar

Pulkit Pandey

Zendesk LuminaryCommunity Moderator

Hi Carlos Vega

The image dimension should not be less than than 1920 × 398

Thank You 

Pulkit

Team Diziana

1


Hello there - is there a way to get the default images for the Community Banner and Home hero page? 

The ones I uploaded need to be updated and there is no operon to revert. 

Thanks 

1


image avatar

Paolo

Zendesk Engineering

Hi Geoff,
 
You can find all the default resources here: zendesk / copenhagen_theme. You can also download a fresh copy of the Copenhagen theme by following this article: Adding a help center theme to Guide.
 
Best,
Paolo | Technical Support Engineer | Zendesk

1


This is a very good feature, do you have a timeline as to when will it be released for non-signed in users?

1


Please sign in to leave a comment.