Julia Schmutter

Help pls - images stretching within articles

5 posts in this topic

Hi all, I expect (hope) that this is a really simple problem but I just can’t find the solution…

When inserting pictures into a basic article, wherever the picture is smaller than the full width of the main article (eg around 750 pixels), it is stretched horizontally across the full width of the article.

Example article shown attached “Image stretch prob 01cr png”

post-180904-0-36904400-1366200405_thumb.

Basic picture inserted into article “Image stretch prob 02cr png”

post-180904-0-33205600-1366200416_thumb.

Within the Article Manager the picture displays as desired “Image stretch prob 03cr png”

post-180904-0-79000200-1366200428_thumb.

But when you check the website, the picture displays stretched “Image stretch prob 04cr png”

post-180904-0-34579100-1366200440_thumb.

I’d be really grateful for any tips from anyone as to what’s going wrong here… much appreciated!

Share this post


Link to post
Share on other sites

Hi Kien, thanks ~ but this css amend didn't work.

It seems I can't upload any more screenshots, but the workflow went like this:

Went to:

  • Template Manager | Edit template.css
  • Added new css on the end that you suggested

.bg-img-cate-comcontent img {

width: auto !important;

}

  • So now the last bits of template.css look like this:

}

.blog-featured .items-leading,.blog-featured .items-row{

border:none;

padding:0;

background:none;

}

.bg-detail-comcontent img.caption{

width:99.5%;

}

.bg-img-cate-comcontent img {

width: auto !important;

}

/* END FEATURE BLOG CSS*/

Produced the same result with stretched picture as before...

Share this post


Link to post
Share on other sites