CSS for Articles - Increasing image width allowance | Community
Skip to main content

CSS for Articles - Increasing image width allowance

  • April 26, 2022
  • 2 replies
  • 0 views

Hi all,

I was wondering if anyone can help me with how to increase the width of images / screenshots allowed in articles please within the CSS? I've been unable to figure it out and I couldn't spot it in the CSS cookbook.

 

Thanks!

Bex

2 replies

Ifra
  • April 26, 2022

Hey Bex Heenan, try this:

 
  .article-body img {
    height: auto;
    max-width: 100%;
}

Images would be shown in original size, means 100% width.


You can set a static size;

.article-body img {
    height: auto;
  max-width: 300px; /** it could be 600px, 200px, 400px,50px **/
}

 

If any confusion feel free ask :)

Thanks

Team


  • Author
  • April 26, 2022

Hi Ifra,

Thanks so much for your help! The second option worked for us in this case - thanks again! :)

Bex