Change the "Featured Article" star to a bullet or other character in Help Center

13 Commentaires

  • Jennifer Rowe
    Actions pour les commentaires Permalien

    Thanks for sharing this, Jonathan. Another great HC tip from Watchman Monitoring!

    0
  • Selena Johns
    Actions pour les commentaires Permalien

    I used this in the 'Section page' and added a little colour with css.

    Thanks for the tip!

    0
  • Rob Deutsche
    Actions pour les commentaires Permalien

    Thanks for this.  Is there any way to completely eliminate any image next to promoted articles?  We want to have certain articles anchored at the top, but do not want anything indicating that they are promoted.  I tried using the code above and just doing .html(''); but I get a small indentation.

    0
  • Punnu Kaur
    Actions pour les commentaires Permalien

    Rob, try this code

    You will need to add this to the page e.g. section page or category page. 

    <script language="javascript">
    $('li.article-promoted span').html('');
    </script>

    0
  • Caleb Davis
    Actions pour les commentaires Permalien

    @Rob

    I was having the same problem as you. On top of adding this piece of Javascript, I found that the indent is caused by a margin set in your stylesheet. 

    Find the class called ".article-promoted span". You'll find there is a "right-margin" property set in that class. Either remove that property, or change it to 0px. 

    0
  • Andrea Saez
    Actions pour les commentaires Permalien

    Neato - thanks guys!

    0
  • Vladan Jovic
    Actions pour les commentaires Permalien

    Great, tnx for sharing!

    0
  • Timothy Curtin
    Actions pour les commentaires Permalien

    Thought I would also add if you add the following to your JS file in the template, it will remove it also (saves adding it to individual pages)

    $(document).ready(function() {
    $('li.article-promoted span').html('');
    });

    0
  • Varun Juneja
    Actions pour les commentaires Permalien

    Hi

     

    I am new to coding the help centre. I followed your instructions above but it doesn't work. My home page code looks like this

    <section class="clearfix">
    <div class="knowledge-base">
    <!--<STYLE>H2 {FONT-SIZE: 15pt; COLOR: #990000 };</STYLE>
    <CENTER>
    <H2>Public Holiday Closure</H2>
    </CENTER>-->

    <h1>{{help_center_name}}</h1>
    {{category_list}}
    {{promoted_articles}}
    </div>

    <div class="community">
    {{community_header}}
    {{recent_community_activity}}
    </div>
    </section>
    <script language="javascript">

    $('li.article-promoted span').html('•');

    </script>

    But on the home page I still have them as 

     

    Can you please help

    0
  • Heather Rommel
    Actions pour les commentaires Permalien

    Thanks for this. Now that we have Copenhagen, how do we change the star icon to something else?

    0
  • Jennifer Rowe
    Actions pour les commentaires Permalien

    Hi Heather,

    You have to do in the CSS.

    If you need help, one of the HC experts here can probably give you some code.

    What would you like it to be?

    0
  • Heather Rommel
    Actions pour les commentaires Permalien

    Perhaps an arrow or an exclamation point, we're not sure - I tried accessing the link from the original post here Use this site for a reference of all the other characters you can use: http://www.w3schools.com/tags/ref_symbols.asp but that brings me to a 404.

    eek!

    0
  • Customer Support Theme
    Actions pour les commentaires Permalien

    Hello @Heather R

    On Copenhagen, Now you can change your own promoted star icons.

    See this site - http://fontawesome.io/icons/

    You can also use your images icons.

    Please let us know which way is best for you (Font Awesome or Images icon). We'll send you CSS code.

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

    0

Vous devez vous connecter pour laisser un commentaire.

Réalisé par Zendesk