Recent searches

No recent searches

Adjusting size and noticeability of "Promoted Articles" in help center

Answered
image avatar

Jillian Coury

Posted Mar 26, 2024

The Promoted Articles section is small and awkward in the help center (see screenshot). Is there a way to adjust this without coding? If coding is required, where can this be done in the settings?


Couldn't find this in the ZD help, apologies if the information exists already.

0

5

5 comments

Date
    image avatar

    Prashant

    Hi Jillian Coury,

    Try to use this CSS in style.css file

    .articles h2{
    font-size: 24px;
    }
    Adjust font-size your required size.
     
     

    1

    image avatar

    Pulkit Pandey

    Zendesk LuminaryCommunity Moderator

    Hi Jillian Coury

     

    I would like you to add the following CSS code at the bottom of your style.css file, hoping you are using the Zendesk Default Copenhagen Theme.

    .knowledge-base .articles h2 {

      font-size: 28px;  /* You may adjust the value to suit your preference */

    }

     

    Let me know if it solves your issue.

     

     

    Thank You 

    Pulkit

    Team Diziana

    1

    image avatar

    Jillian Coury

    I was able to increase the size of the title, thanks! Do you know how I can also add a space between the categories and promoted articles? I've attached a screenshot of what I am referring to:

    0

    image avatar

    Greg Katechis

    Zendesk Developer Advocacy

    Hi Jillian! 

     

    Adding spacing between elements in HTML/CSS can be accomplished in a few different ways, generally either with margins or padding. I'd recommend using a margin in this instance, as margins are what you use to put space in between the borders of elements on a page, whereas padding is used to put space between the content of an element and its border. The above links will give you the information to play around with to see what works best for you.

    0

    image avatar

    Pulkit Pandey

    Zendesk LuminaryCommunity Moderator

    Hi Jillian Coury

    Please add the below CSS at the bottom of your style.css file


    .knowledge-base .articles h2 {

      margin-top: 28px;  /* You may adjust the value to suit your preference */

    }

     

     

    Let me know  if it solves your issue

     

    Thanks 

    Pulkit

    Team Diziana

    0

    Please sign in to leave a comment.

    Didn't find what you're looking for?

    New post