Help Center article width not changing | Community
Skip to main content

Help Center article width not changing

  • May 13, 2021
  • 4 replies
  • 0 views
L

Greetings community,

I'm hoping someone can point me in the right direction RE: changing the width of help center articles. At the moment it is really narrow :|

I updated the CSS several times in different ways but it's not having an effect on the articles.

Herewith the current code I'm using:

 

This is what it currently looks like. We would like it to be at least 85% as we won't be using that space for anything else.

Is there perhaps anyone that can advise/assist? The HC is live and I've checked everything I could based on existing advice here on the ZD community. 

Thank you so much in advance.
Louis

      4 replies

      Ifra
      • Ifra
      • May 15, 2021

      Hey, share the public URL of your HC so I can provide to you the exact code snippet.

       

      Thanks

      L
      • Louis11
      • Author
      • May 17, 2021

      Hi @Ifra Saqlain Thank you for getting back to me. I'm quite new at this so please forgive if I sound vague.

      Our HC is SSO-enabled & authenticates against an internal auth server, but the URL is https://kip.momentumhealthsolutions.co.za . Will that be a problem or will you require access to be able to advise?

      Thanks again,
      Louis

      Pulkit12
      • Pulkit12
      • May 31, 2021

      Hi Louis Eloff

      Are you still facing the issue or you have got the solution for that, if not, please provide me access to your HC so that I will guide you to resolve the issue 

      Thanks 

      Pulkit

      Ifra
      • Ifra
      • July 9, 2021

      Louis Eloff, I am too late now but want to share with others that sometimes we remove the sidebar but forget to remove the parent wrapper of that sidebar and that's the reason, the width doesn't affect when we do change in -

       

      Screenshot for the same issue:   Sidebar has been removed but the parent wrapper still exists.

       

      And now, if you change the width, the code won't work at this point, or the article content area would be overflow.

      /***** Article *****/
      .article {
        /*
        * The article grid is defined this way to optimize readability:
        * Sidebar | Content | Free space
        * 17%     | 66%     | 17%
        */
        flex: 1 0 auto;
      }

      @media (min-width: 1024px) {
        .article {
          flex: 1 0 66%;
          max-width: 66%;
          min-width: 640px;
          padding: 0 30px;
        }
      }

       

       

      Thanks 

      Team

      Terms & ConditionsCookie settingsAccessibility statement