Customizing your help center theme

Return to top

82 Comments

  • Leung Edward

    Hi Tanya, Got it. Thanks for your help.

    1
  • SNT Aps

    Hi,

    How does one change the picture associated with the Help Center theme.
    See examples of pictures below:


    Thank you in advance.

    Sebastian

    0
  • Nicole

    SNT Aps if you're just looking to change the image and not add/change a whole theme, it's done from within Guide. You'd click customize, then image from the options on the left, replace the image, then click publish to save the changes. 

     

     

    0
  • SNT Aps

    Hi Tanya,

    Thank you - This does not help here though, as I am not looking to change the image in the help Center. I am looking to change the preview picture. As we operate with numerous versions, being able to change the picture makes it easy to manage and see what is what.

    0
  • Pulkit Pandey
    Community Moderator

    Hi SNT Aps

    Please follow the below steps

    1. Take a screenshot of your homepage 

    2. Rename that screenshot with the following name "thumbnail"

    3. Then Download your theme in your system unzip the zip file 

    4. The Replace the thumbnail image with the current one 

    5. Create the Zip of your theme and then Install 

     

    Let me know if you need any further assistance

     

    Thanks 

    Pulkit 

    Team Diziana

    1
  • SNT Aps

    Hi, thank you for your replies.

    Pulkit Pandey - This was exactly what I was looking for, thank you very much!

    Have a nice day!

    0
  • Nathan Purcell

    How do I add an image to a theme so it can be referenced in the HTML? I don't want it to be editable by anyone in Guide but it needs to be part of the theme. 

    0
  • Nicole

    Nathan Purcell you can add the image to your assets:

     

     

    After it uploads, you can click on the asset and use the CSS or Javascript code provided by ZD, or right click on the image to grab the URL that you can use in the HTML. 

    0
  • Nathan Purcell

    Hi Nicole, thanks for your reply.

    How do I reference it in the theme though? 

    To be clear, I mean in the code, not the UI. 

    0
  • Nicole

    It depends on how/where you're using it. If you mean from your theme pages, you can use a <a href='http://(image URL from assets here)> tag. 

     

     

    0
  • Nathan Purcell

    I found it! 

    In the theme, add the file to the /assets directory and reference using the same asset helper: 

    https://developer.zendesk.com/documentation/help_center/help-center-templates/helpers/#asset-helper

     

    0
  • Dave Dyson
    Glad you found it, Nathan, and thanks for helping out, Nicole!
    0
  • Dave Dyson
    Hi Justin, and welcome to the community!
     
    Hudson is a third-party theme, so you'll need to contact the developer directly -- there's a "Contact Us" link here: Hudson theme
    1
  • Elena Tsesnietse
    Hi Dave,
     
    Thank you for your assistance. For some reason, I don't see Justin's comment. 
     
    Guys, if you use themes from Lotus Themes, don't hesitate to contact us directly. Our team of Zendesk experts will be happy to help with any issues or questions. 
     
    Best regards,
    Elena
    0
  • Jahn Bronilla

    Hello Charles Nadeau or anyone, can we possibly have like interactive workflow in Guide using this? 

    0
  • Rebeca Hernandez

    Hello! Has anyone customized their own theme while still using the basic search functions of the Copenhagen theme?

    Our theme has been too customized, and the search functions are not working very effectively, I was wondering if it's possible to use basic search functions but being able to maintain the design we have created for our Help Center.

    Thanks in advance!

    0
  • Gorka Cardona-Lauridsen
    Zendesk Product Manager

    Rebeca Hernandez

    There should be no problem using the native search helper (functionality) with a customized theme, though depending on how you want to customize the search experience using the native search helper may have some limitations.

    Alternatively, you can build your own experience using the search API, though searches would count against you account's API rate limit.

    Another alternative would be to use one of our partner apps like Algolia, Swiftype, or Coveo.

    0
  • colleen

    I am using a customized Braden theme and have successfully added custom blocks to my landing page. I now need to remove those blocks, but removing them from the CSS hasn't updated the front end. Here is the section from the CSS, which is showing the correct IDs I want to display:
    But you can see in dev tools the removed IDs are still there:
    I've cleared cache and waited several days, but no change. What happened?

    0
  • Hi colleen,

    Thank you for choosing our Braden theme. Can you contact us directly? Our developers will be happy to help. 

    Best,

    Lotus Themes

    0
  • Nathan Purcell

    Colleen, that CSS isn't targeting those divs as they don't have the class "block-list-item". 

    In your CSS, replace ".block-list-item" with ".custom-block" and it should work. 

     

    0
  • Heather Firth

    Just want to say a big thank you to Carmina Granado your email was very helpful, thank you! I wasn't able to add a comment to the ticket but I just wanted to give you a big thumbs-up. Sorry I didn't get to the survey in time.

    0
  • Gorka Cardona-Lauridsen
    Zendesk Product Manager

    Hi All, 

    We are looking to talk to people that have code customized a Help Center theme or tried and failed to code-customize a theme.

    If you are up for sharing your feedback through a 30 min video interview, please sign up and answer 3 short survey questions at the end of the form. We would love to hear from you!

    Sign up here.

    Looking forward to talking to you!

    Gorka Cardona-Lauridsen
    Sr. Product Manager, Zendesk Guide 

    0

Please sign in to leave a comment.

Powered by Zendesk