Joomla Templates Club 406,261 posts

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#964950

I don’t follow you. The Blog style 2 image width is 683px already.

---

Attachments:

1. 

[dieudonne Friend dieudonneJoin date: January 2011Posts: 947Downloads:61Uploads:266 Thanks: 452 Thanked: 107 times in 3 posts]

#964954

Hello,

please look carefully at your screenshot!
*683×402 >> natural : 848x500pi

So if we put a image with 683×500 , you can see only 683×402, so the image is cropped…

So how can we fix it ??

Regard.

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#964982

If you want to end up with 683 x 500 perhaps you need to start out with an image 848 x 621.

[dieudonne Friend dieudonneJoin date: January 2011Posts: 947Downloads:61Uploads:266 Thanks: 452 Thanked: 107 times in 3 posts]

#965039

Arghhhhh of course! We already thinked at this solution! But this not the question! Because we have a lot of image with 680×500 and we can’t change all pictures.

So again where can I change the picture’s dimension (for blog view 2) to 500pi of height?

@timtecsa : If you don’t know, please stop answer!

Regard.

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#965110

Maybe you could start and end with 683 x 500, as here: If that is NOT what you want, I give up.

---

Attachments:

1. 
2. 

[dieudonne Friend dieudonneJoin date: January 2011Posts: 947Downloads:61Uploads:266 Thanks: 452 Thanked: 107 times in 3 posts]

#965123

Yes but how can I do that, to see the all height of 500pi ?

Regard.

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#965209

I simply posted an image which is 683 x 500 and is the size you said most of your blog images are. Normally the template will size your posted image to fit the column width (683 px) and the depth will vary to maintain original image ratios. If your original images are not exactly 683 x 500 then the height displayed in the blog may vary accordingly.

In Teline V template you can fix the height of images on articles by means of cropping. I don’t know how to add such a capability to Sugite, but I’m sure someone at Joomlart does 🙂

[dieudonne Friend dieudonneJoin date: January 2011Posts: 947Downloads:61Uploads:266 Thanks: 452 Thanked: 107 times in 3 posts]

#965290

I don’t know how to add such a capability to Sugite

Ok that’s what I said at the beginning. Sorry but it is a waste of time, no ? So what happening now ?

If somebody can help us, it’ll be appreciated.

Regard.

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#965291

}
.blog-detail .item-image {
margin-bottom: 28px;
max-height: 500px;
overflow: hidden;
}

The custom css above might help. It should crop the image to 500px height.

[dieudonne Friend dieudonneJoin date: January 2011Posts: 947Downloads:61Uploads:266 Thanks: 452 Thanked: 107 times in 3 posts]

#965327

Hello,

ok but it doesn’t work. Look here at the last post http://www.lebruitdesimages.com/blog/

picture here: http://www.hostingpics.net/viewer.php?id=415828firefox20160903162908.png

Regard.

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#965425

Here http://sugite.gpmnews.com/index.php/bonus-pages/blog-style-2 you can use Inspect or Firebug to test css changes on the JA Sugite demo. My suggested modifications seem to work on this site. If you disabled CSS and JS Optimisation (Template General tab) on your site it would be easier to use Inspect / Firebug for testing.

[dieudonne Friend dieudonneJoin date: January 2011Posts: 947Downloads:61Uploads:266 Thanks: 452 Thanked: 107 times in 3 posts]

#965509

Of course we disabled optimize CSS and compress JS

And can you test on this website ??! The problem is here, not on the demo. http://www.lebruitdesimages.com/blog/

Regard.

.blog-detail .item-image { margin-bottom: 28px; max-height: 500px; overflow: hidden; }

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#965666

@dieudonne

I see the height is 500 now. Everything is fine now? let me know if you still need help on this.

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#965842

Your blog looks excellent now with 500px images. http://www.lebruitdesimages.com/blog/ecolo/101-gestes-ecolos-49-vivre-en-habitat-groupe might be missing a Readmore break ?

[dieudonne Friend dieudonneJoin date: January 2011Posts: 947Downloads:61Uploads:266 Thanks: 452 Thanked: 107 times in 3 posts]

#967111

Hello, yes with this code in the custom.css file, it is working very well.

.blog-2 .article-image-intro, .blog-detail .article-image-intro {
    max-height: 100% !important;
}

Thank you very much for your help.

Regard.

[Author]

Posts