Joomla Templates Club 406,261 posts

[tdb6800 Friend tdb6800Join date: May 2012Posts: 34Downloads:0Uploads:13 Thanks: 7 Thanked: 1 times in 1 posts]

#182371

Hello,

I have an issue with the display of the images on my blog. When I first access the blog my images are aligned with the rest of the content but the image itself get cut off. So part of the image is not displaying (See pict A)

When I click on the image it opens up the whole article and my image is then displayed correctly but not aligned with the content? (See pict B)

How can I change this so my pictures don’t get cut off on the blog index page?

Thanks.

---

Attachments:

1. 
2. 

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#473364

Hi tdb6800,

Pls disable css optimize method in template setting, clean all cache and would be great if you can give us your site URL for further look. Otherwise, it would be hard to help you out without the actual visit to your site.
Regards,

[tdb6800 Friend tdb6800Join date: May 2012Posts: 34Downloads:0Uploads:13 Thanks: 7 Thanked: 1 times in 1 posts]

#473466

Absolutely.

Optimize CSS is off.
Cache cleaned.
Url is http://www.livemeraki.com

Thanks

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#473532

Hi Tdb6800,

Your setting for image width was incorrect, please change its value to 800 and 600 to 645 in K2 image setting, then re-upload image for k2 item for resize image.

Regards,

[tdb6800 Friend tdb6800Join date: May 2012Posts: 34Downloads:0Uploads:13 Thanks: 7 Thanked: 1 times in 1 posts]

#473640

Like so?

Just for future reference, which file are you looking at? How do you know it should be 645 and 800? I think I could figure out a lot more myself if I could find the correct css file. Where would the CSS file for these images be located?

Thanks.

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#473646

This may or may not be what you’re looking for, but you can try this . . . .

Within file path –> /templates/ja_zite/css/k2.css

at line 1850. you should see the following . . .

div.catItemImageBlock {
margin: -20px -20px 30px;
padding: 0;
position: relative;
}

play around with the middle “margin” property, for example . . .

div.catItemImageBlock {
margin: -20px -0px 30px;
padding: 0;
position: relative;
}

SAVE CHANGES – CLEAR CACHE – REFRESH

Does this better align the image as you wanted ???

[tdb6800 Friend tdb6800Join date: May 2012Posts: 34Downloads:0Uploads:13 Thanks: 7 Thanked: 1 times in 1 posts]

#473727

No Tom.

That didn’t do anything. I will keep playing with it. I am having issues with alignment and image size. I will keep playing, just familiarizing myself with the files still. I really appreciate your help.

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#473731

Hi Tdb6800,

On our demo page, we use generic image , but your site seems to use other type of image. I saw that 620px is looking good on listing page (large image) and 645px will be good on the detail page. But now, you’ve set 800px for the large image and 600px for the medium image. Please do consider to change your image size settings in order to get them it looking great on the website.

Then go to edit item, delete image and re-upload to render new image .
Hope that can help you.

Regards,

<em>@tdb6800 347147 wrote:</em><blockquote>Like so?

Just for future reference, which file are you looking at? How do you know it should be 645 and 800? I think I could figure out a lot more myself if I could find the correct css file. Where would the CSS file for these images be located?

Thanks.</blockquote>

[Author]

Posts