Recent searches


No recent searches

Help Center article width not changing

Answered


Posted May 13, 2021

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


1

4

4 comments

image avatar

Ifra Saqlain

Zendesk LuminaryMost Engaged Community Member - 2022Most Engaged Community Member of The Year - 2021Community Moderator

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

 

Thanks

0


Hi @... 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

0


image avatar

Pulkit Pandey

Zendesk LuminaryCommunity Moderator

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

0


image avatar

Ifra Saqlain

Zendesk LuminaryMost Engaged Community Member - 2022Most Engaged Community Member of The Year - 2021Community Moderator

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

0


Please sign in to leave a comment.

Didn't find what you're looking for?

New post