Editing your Help Center theme

Return to top

7 Comments

  • Franklin Dadzie

    I have clickable images that I can link to help center home, however, I am finding it difficult to link to a category.

    Any guidelines on how to do that, please?

     

    0
  • Tipene Hughes
    Zendesk Developer Advocacy

    Hey @...,

    You can achieve this by wrapping the img tag in an anchor tag with the href attribute set to the URL of the category you’d like to link to. Here’s an example of how that could look:

    <a href=/hc/en-us/categories/{category_id} target="_self">
    <img src={your_image} alt={alt_text}>
    </a>

    I hope this helps! Feel free to reach out with any questions.

    Tipene

    0
  • Anuja Trivedi

    How do i change the position of the search bar

     

    0
  • Tipene Hughes
    Zendesk Developer Advocacy

    Hi Anuja,

    The HTML code for the search bar is contained within the home_page.hbs file of your help center, specifically, within the section element with the id #main-content. You can make changes to the position of the search bar in the document there, as well as in the style.css file.

    Thanks!

    Tipene

    0
  • Sarah Chin

    Hi, How add a link to our website here, where do I edit the Top bar of the help center? Appreciate if you could help me with this one. Please see attached photo below where I would wanna place it. Thanks!

     

     

    0
  • Ola Szymczak

    Hi Zendesk Team,

    It's possible to change the shape of the search bar??  I know the shape comes by default with the templates we choose, but if I choose one that comes with the square search bar and I want to change it to a rounded one is that possible? Thanks

    0
  • Tipene Hughes
    Zendesk Developer Advocacy
    Hey Ola,
     
    Yes, you can definitely update the styling of the search bar! You'll just need to change this in the style.css file in your help center customization section. Specifically, you'll want to adjust the border-radius value under the .search input[type="search"] selector. For example, if you want no rounding at all you can set the border radius to 0px or, if you just want to lower the rounding you can lower the pixel value accordingly.
     
    I hope this helps! Feel free to reach out with any questions. 
     
    Tipene
    0

Please sign in to leave a comment.

Powered by Zendesk