Branding your help center

Return to top

14 Comments

  • Solver Dev

    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? 

    0
  • David Whittaker

    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.

    0
  • Treez, Inc

    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?

     

    0
  • Carlo

    Is it possible to update your own fonts?

    0
  • 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

     

    0
  • Sam Gannon

    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? 

    0
  • Dave Dyson
    Zendesk Community Manager
    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.
    0
  • Ashley Yau

    Hi There,

     

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

    0
  • 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
    0
  • VONQ B.V.

    Was there ever a resolutions for the problem Treez, Inc mentioned? I am experiencing it as well.

    0
  • 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
    0
  • Kuldeep Patidar

    Hi VONQ B.V. / Treez, Inc

    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

    0
  • colleen

    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.

    0
  • Crystal Chenier

    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

    0

Please sign in to leave a comment.

Powered by Zendesk