Public Forums 71,145 posts

[slepoy Friend slepoyJoin date: January 2013Posts: 103Downloads:10Uploads:67 Thanks: 19 Thanked: 7 times in 5 posts]

#198835

Hello.

I have a problem with “blog layout” – images are not reasized in IE and Firefox (in Chrome works OK):
http://crimsongame.ru/news

I disabled CUSTOM.CSS filr to see results, but it didn’t helped.

Can you please help?

Thanks.

---

Attachments:

1. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#538955

Go to this File: /templates/purity_iii/css/custom.css

Replace this code


article img, .article-intro img { display: inline; }

with

article img, .article-intro img { display: inline; width:100%; }

1 user says Thank You to chavan for this useful post

1. slepoy

[slepoy Friend slepoyJoin date: January 2013Posts: 103Downloads:10Uploads:67 Thanks: 19 Thanked: 7 times in 5 posts]

#539556

Thanks. It help 🙂

But after this edition, I get another problem with images inside article. Small images display with 100% and sometimes looks bad :((
http://prntscr.com/3ugap2
http://crimsongame.ru/news/474-crimsonland-vzrosleet-i-stanovitsya-legendoj

Thanks.

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#539584

Go to this File: /templates/purity_iii/css/custom.css

Replace this code

article img, .article-intro img { display: inline; width:100%; }

With

article img, .article-intro img { display: inline; }

.article-intro img { width:100%; }

1 user says Thank You to chavan for this useful post

1. slepoy

[slepoy Friend slepoyJoin date: January 2013Posts: 103Downloads:10Uploads:67 Thanks: 19 Thanked: 7 times in 5 posts]

#539696

Hello. Sorry to say, but it didn’t helped (with IE and Fire Fox).

Seems, that <blockquote>a problem with “blog layout” http://crimsongame.ru/news</blockquote>
http://www.joomlart.com/forums/attachment.php?attachmentid=37601&stc=1&thumb=1&d=1402767224

depends only of

article img { display: inline; width:100%; }
and need 100% wide to display correct. Seems it doesn’t use .article-intro img

but <blockquote>Small images inside articles
http://prntscr.com/3ugap2
http://crimsongame.ru/news/474-crimsonland-vzrosleet-i-stanovitsya-legendoj</blockquote>use this class too (seens, it use the same class).

Both pictures use article img? Blog’s list need 100%, but article’s img doesn’t need it.
Is it possible to do something?
Thanks.

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#539896

Is the issue fixed, if not post the correct site Admin details in PM, will fix it for you. Old one doesn’t work.

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#540038

I have fixed it, please check now.

1 user says Thank You to chavan for this useful post

1. slepoy

[slepoy Friend slepoyJoin date: January 2013Posts: 103Downloads:10Uploads:67 Thanks: 19 Thanked: 7 times in 5 posts]

#540049

Hello. Thanks, now images inside article are not resizing to 100% 🙂

Sorry to say, but after fix the problem, discribed in first post appear again for FireFox:
http://crimsongame.ru/news
Screenshot

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#540052

Made some changes on custom.css, Please check the site again

1 user says Thank You to chavan for this useful post

1. slepoy

[slepoy Friend slepoyJoin date: January 2013Posts: 103Downloads:10Uploads:67 Thanks: 19 Thanked: 7 times in 5 posts]

#540053

Thanks for help – now it looks great 🙂

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#574417

<em>@Chavan 433730 wrote:</em><blockquote>I have fixed it, please check now.</blockquote>

Would be helpful if you would include your fix.

Thank you!
John.

[juliejo Friend juliejoJoin date: July 2015Posts: 36Downloads:6Uploads:1 Thanks: 7]

#694909

I’m having the same issue. With a blog layout, the images arent resizing nicely like they do in your demo of the blog layout. Why?
How did the issue listed here get solved correctly? thanks
My link below looks ok but only because Ive added inline styles to resize the blog thumbnail image and added padding to the right and bottom of the image. If I used the ‘article intro image’ however the image wouldnt resize at all.
http://playground.cat.org.uk/index.php/postgraduate-courses

[juliejo Friend juliejoJoin date: July 2015Posts: 36Downloads:6Uploads:1 Thanks: 7]

#750433

I’m having the same issue. With a blog layout, the images arent resizing nicely like they do in your demo of the blog layout. Why?
How did the issue listed here get solved correctly? thanks
My link below looks ok but only because Ive added inline styles to resize the blog thumbnail image and added padding to the right and bottom of the image. If I used the ‘article intro image’ however the image wouldnt resize at all.
http://playground.cat.org.uk/index.php/postgraduate-courses

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#695243

@juliejo: I checked from the URL of your site and see width of image is fitting (225px) on your site

If you want to show the image like our demo, you can have a look the guide here

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#750522

@juliejo: I checked from the URL of your site and see width of image is fitting (225px) on your site

If you want to show the image like our demo, you can have a look the guide here

[Author]

Posts