CST

Hello @Lucas,

You have to need to customize some code.

After login > Go to the "Customize design" option (appearing on the left side) > Edit your Live Theme

If you are using "Zendesk Copenhagen Theme" just do steps - 

Go to the "header.hbs" file > Add an HTML tag in the top and also close the tag in the bottom.

   ZENDESK DEFAULT CODE

Add CSS in the bottom area - 

Add SCRIPT in the bottom area - 

You can also add your CSS and JS in "style.css" and "script.js" file.

After adding all this, click on the SAVE/PUBLISH button.

If face any issue please let us know.

Thanks

Customer Support Theme Team

Hello @Sherri Anderson,

If you are using Zendesk Copenhagen Theme. See below steps - 

Go to the "style.css" editor tab and paste the below code on the bottom.

.article-relatives h3 { 
  text-transform: capitalize; 
}

For Search Result page see below steps - 

Go to the "search_results.hbs" editor file > Go to the line no. 16 > Comment the code and add your own text.

If you are using multi-language support in your Help Center you can also use the Dynamic Content.

Please let us know if face any issue.

Thanks

Customer Support Theme Team

Hello @Meghan Mahar,

We have a plugin for you - http://customersupporttheme.com/zendesk-plugins/ (Zendesk Categories List with Sections)

This plugin lists Categories and Sections automatically on your Help Center. It works on Category, Section, and Article Templates.

Some of our recent clients using this plugin:

 - https://ajuda.umov.me/hc/pt-br/articles/115005535508-Cria%C3%A7%C3%A3o-de-dashboard-personalizado

  - https://support.smarter.am/hc/en-us/articles/115005162769-How-do-I-descale-my-Smarter-Coffee-machine-

If have any question feel free to message us at - info@customersupporttheme.com

Thanks
Customer Support Team
http://customersupporttheme.com
(Experts in Zendesk Themes, Zendesk Help Center, Plugins, Help Center Branding and Customization.)

Hello @Adam,

You can try this to a different way - 

Go to the "Document Head Template" > Paste the below code on the bottom area > Add files name as per your requirement(which you have uploaded in assets tab)

Please let us know if face any issue.

Thanks
Customer Support Team
http://customersupporttheme.com
(Experts in Zendesk Themes, Zendesk Help Center, Plugins, Help Center Branding and Customization.)

Hello @Nate Legakis,

Just scroll down. "Delete section" button will appearing.

Thanks
Customer Support Team
http://customersupporttheme.com
(Experts in Zendesk Themes, Zendesk Help Center, Plugins, Help Center Branding and Customization.)

Hello @XIXMO JEANS

Did you try this option on your Zendesk chat dashboard - 

Thanks

Customer Support Theme Team

Hello @Heather R

Can you please tell me your Help Center URL.

Thanks

Thank you!!, @Jennifer Rowe & @Nicole Relyea

Zendesk level:  Beginner to Intermediate
Knowledge:  Copy & Paste / CSS
Time Required:  10 minutes

Hello Guys, 

I hope you will like this tip.

Now you can show your Help Center "Promoted articles" with toggle format.

Follow the Below Steps - 

Copy the promoted article code and paste it on your Help Center templates 

{{#if promoted_articles}}
 

  
{{t 'promoted_articles'}}

   

    {{#each promoted_articles}}
     

      {{title}}
      

       {{excerpt body characters=300}}

       See Article
      

     

    {{/each}}
   

 

{{/if}}

Copy the CSS code and paste it on your Help Center "CSS" editor 

.promoted_title {
   margin-bottom: 20px;
   text-align: center;
 }
 .promoted-articles-item .promoted-title {
   border: 1px solid #333; 
   color: #333;
   display: block;
   margin-bottom: 5px;
   padding: 15px;
 }
 .promoted-body {
   display: none;
   padding: 15px;
 }
 .promoted-articles-item .article-open {
   background: #0072ef;
   border-color: #0072ef;
   color: #fff;
 }
 .promoted-articles .see-article {
   background: #0072ef;
   border-radius: 40px;
   color: #fff;
   display: inline-block;
   font-size: 0.8em;
   margin-top: 10px;
   padding: 5px 15px;
 }
 .promoted-title::after {
   font-family: "entypo";
   content: "\E764";
   float: right;
   -webkit-transition: all 0.2s ease-in;
   -moz-transition: all 0.2s ease-in;
   transition: all 0.2s ease-in;
 }
 .article-open::after {
   transform: rotate(-180deg);
   color: #fff;
 }

Copy the JS code and paste it on your Help Center "JS" editor 

$(document).ready(function() {

 $('.promoted-articles-item > a').click(function(e) {
   e.preventDefault();
   $(e.target).toggleClass('article-open');
   $(this).next().slideToggle(250);
 });

});

It will look like this 

For any issues or bugs please send us a message help@customersupporttheme.com or you can also use Live Chat on our website.

Thanks
Customer Support Team
http://customersupporttheme.com
(Experts in Zendesk Themes, Zendesk Help Center, Plugins, Help Center Branding and Customization.)

Hello @David,

I am totally surprised.How it is possible because at my end its working fine.

Both code snippet is working proper on my side - 

$(document).ready(function() {
 $('.recent-activity-header').html('Your New Title');
});

$(document).ready(function() {
 $('.recent-activity-header').text('Your New Title');
});

You can also see the Live Demo.

Thanks

Support Team

http://customersupporttheme.com

(Experts in Zendesk Themes, Zendesk Help Center, Plugins, Help Center Branding and Customization.)