How do I update the breadcrumbs in the Help Center to match a custom Community name?

Have more questions? Submit a request

13 Comments

  • Eric Greenspan
    Comment actions Permalink

    Cool! How about just simply changing the name on the main Help Center page?

    0
  • Jake Bantz
    Comment actions Permalink

    Hi Eric!

    The main Help Center title is controlled from the Help Center settings under General Help Center settings. At the bottom of that setting page, you can set the title of your Help Center. There are even multiple options available if your Help Center is available in more than one language.

    Does that help with what you were looking to update?

    0
  • Eric Greenspan
    Comment actions Permalink

    I want to set the title of my community. Way too hard to do.

    1
  • Jessie Schutz
    Comment actions Permalink

    Hey Eric!

    Jake mentions this briefly in his article, but I can provide you with some additional detail.

    Provided that you're not on the Starter or Essential plan, you have access to customize the code in your Help Center. This is where you'll go to customize your Community name.

    In your Help Center, go to General > Customize design, and then click Edit theme. This will take you to the theme editor.

    From there, you'll select the Community topic list page from the drop down menu above the code window. The following screenshot will show you where the Community title is:

    Remove the aqua-colored t and the spaces that follow it. Then change community inside the brackets and apostrophes to whatever you want your Community name to be:

    Remember to leave the brackets and apostrophes, or it won't work! Click Preview and you'll see what it'll look like in real life before you save the change.

    Depending on what theme you're using you may see a slight variation in the code and which line the title appears on, but the general idea will be the same.

    We always recommend that you proceed with caution when making any alterations to your Help Center code. Once you start making changes, your Help Center is considered custom and our Support team might not be able to help you if something breaks. When in doubt, ask for help! We have several Help Center gurus here in the Community who can help you out.

    0
  • Eric Greenspan
    Comment actions Permalink

    Thanks. I did in fact get this working. What about the word Community in the header however?

    0
  • Jake Bantz
    Comment actions Permalink

    Hi Eric,

    Which Header? Do you have a screenshot? All of the themes are pretty different, so it would be very helpful to know the context.

    I'd be happy to have a look.

    0
  • Darren Taylor
    Comment actions Permalink

    Is there anyway to edit the text on the Home Page breadcrumb? I believe its on the "category_page.hbs" but can't quite figure out how to change this.

    Thanks!

    0
  • Jake Bantz
    Comment actions Permalink

    Hi Darren,

    The easiest change here would be to rename the category to 'Home Page'. I think I found your Help Center and the category name is actually set to Home Page, but it is meant to store FAQs.

    If you navigate to the category page and click 'Edit category' you will be able to change the title there, which will impact the breadcrumbs.

    Does that help?

    1
  • Darren Taylor
    Comment actions Permalink

    Awesome thanks Jake. That was easy :)

    0
  • Manuel
    Comment actions Permalink

    Hi there! 

    I've just commented on this article: 
    https://support.zendesk.com/hc/en-us/community/posts/115007678168-Help-Center-Tutorial-Add-a-home-icon-to-your-breadcrumb-navigation-

    Is there a way to replace the help center name with an icon? So far I noticed the only way is to add an icon.

     

    Thank you very much in advance! 

    0
  • Trapta
    Comment actions Permalink

    Hi @Manuel,

    Try below code by pasting it at the bottom of your style.css file:

    .breadcrumbs, .breadcrumbs li {display: flex;}
    .breadcrumbs li:first-child > a {
    color: transparent;
    width: 15px;
    }

    .breadcrumbs li:first-child > a:before {
    color: #000;
    font-family: "entypo";
    content: '\2302';
    }

    Let me know how it goes for you.

    Team Diziana

    0
  • Bethany S.
    Comment actions Permalink

    Hi there, I keep getting this: 

    What am I doing wrong? Obviously I will customize "community_name" but showing the screenshot, so you know exactly what it looks like. 

    0
  • Jake Bantz
    Comment actions Permalink

    Hi Bethany,

    Have you created a dynamic content item per the "Note" in the yellow box on the article? Once you have created that item with the variants to match your current Help Center locale, it will render the variants you add to your dynamic content.

    0

Please sign in to leave a comment.

Powered by Zendesk