Display KB Article PNG image full-width.

[RaViCZ]

Hi everyone, in the backend I see the PNG image inserted into the KB article displayed full-width.

Is there any way to achieve this on the portal?

[Robert H]

Hello @RaViCZ ,

Actually, the scaling method works fine, as demonstrated in my screen shot. At least for the Widget that is used in Employee Center. Can you please share the HTML code of your article?

> The article contains only one image.

Yeah, but that image itself contains several small images. I was talking about those: just extract them and put them underneath each other and your article will look much better. 

Regards,

Robert

[RaViCZ]

Hello Robert,

*Source code: 

<p><img style="max-widt: 100%;" src="/sys_attachment.do?sys_id=d196da73c3652e10ffd29e73e4013138" alt=""></p>

*Several small images - Well, that could be a solution, but first I'm looking for a way to meet the original requirement 🙂

Radek

[Robert H · Accepted solution]

Hello @RaViCZ ,

Thanks. There is a typo: it's "max-width", not "max-widt". Once you fix this it will work.

Regards,

Robert

[RaViCZ]

Omg, you're right — it's fixed now. I can't believe I missed that! Such a silly mistake. 😅 Thanks a lot, Robert.

Regards,

Radek

[Ram97]

Hi @RaViCZ ,

In Service Portal --> Themes, select the default theme you are using and update the CSS variable with the below...

.kb-article-content img {
max-width: 100% !important;
height: auto !important;
display: block;
margin: 0 auto;
}

Let me know if this works for you. 

Regards,

Ram Ardhani.