Joomla Templates Club 406,261 posts

[shemeam Friend shemeamJoin date: February 2015Posts: 259Downloads:55Uploads:67 Thanks: 106 Thanked: 16 times in 4 posts]

#1011897

I using the ‘Articles – Category’ module on the page http://www.shemeam.com/services/website-development.

Some of the images are not displaying correctly.

All images are 550x550px

The two images in question are
Hollie’s Beauty & WALC

I have tried moving them in position and cannot figure out why they are not showing the same as the others.

Also I have the masonry configuration set to 1 image for small screens, but they do not resize very well.

Can you help please

---

Attachments:

1. 
2. 
3. 

Shemeam

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1012008

Hi
Add below code in custom.css file

.img_caption img {    max-width: 100%; }
.category-module .article-img .img-intro img {
    max-height: 100%;
}

Hope it helps.

[shemeam Friend shemeamJoin date: February 2015Posts: 259Downloads:55Uploads:67 Thanks: 106 Thanked: 16 times in 4 posts]

#1012173

It helps with the responsive view, but the two images are still not showing correctly. It is a mysteryt

Can you also tell me the best size for intro images on this template.

Thanks

Shemeam

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1012355

Hi
Use this code to make image 100% width in custom.css file

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

Hope it helps.

1 user says Thank You to Pankaj Sharma for this useful post

1. shemeam

[Author]

Posts