"Related Articles" Images not showing correctly in post

[topnation]

Hello,

When I upload my featured image in a post, it looks fine, but when I click on the page my images in “Related Articles” are cut off. I have tried resizing on photoshop, (do I need the pixels at a certain number?) and resizing with the theme and also cropping and the heads are still cropped out.

I don’t mind if it only shows a certain part of the image, even though on your demo it appears you have the full image showing in “Related Articles”, but I would like for the heads and faces to show. Trying to figure out the best solution for this. Please see my screen shot below. Thanks.

Attachments:

You must be logged in to view attached files.

[sharmstr]

No, the same thing happens on the demo site (see attached). The related carousel doesn’t necessarily show the full image. It uses aq_resize to resize the full image on the fly. Check out line 131 of /kleo/page-parts/post-content-carousel.php. aq_resize is passed $kleo_config[‘post_gallery_img_width’], $kleo_config[‘post_gallery_img_height’] and set to hard crop. Those sizes are hardcoded to

COPY CODE

//Post image sizes for carousels and galleries
$kleo_config['post_gallery_img_width'] = 480;
$kleo_config['post_gallery_img_height'] = 270;

So, if you want to ensure that your images will display the way you want them to every time, make sure they have the same width/height ratio as stated above.

Alternatively, you can copy the above file into your child theme and changed the aq_resize parameters. https://github.com/syamilmj/Aqua-Resizer

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

Attachments:

You must be logged in to view attached files.

[topnation]

@sharmstr Thank you! Not sure if I did it correctly, but I followed your advice and changed the code. Couldn’t really figure out how to put the correct code in the Kleo Child theme, but I just changed it in the Kleo Parent where it was originally and it worked. Hopefully its ok, but Thank you, you’re a genius!

[topnation]

@sharmstr I just noticed one minor issue, when I click the Social Share via facebook, a different post image appears, and in facebook it doesn’t even show the image, but instead the header in a png file instead of the photo of the post I’m trying to share, like attached below, please advise Thanks.

Attachments:

You must be logged in to view attached files.

[sharmstr]

Go here and fetch new info: https://developers.facebook.com/tools/debug/og/object/

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[topnation]

Thanks so much for your help. Same thing happening for twitter, Any link for twitter?

[sharmstr]

Dont know. Try googling.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[topnation]

@sharmstr thank you so much for your help with this. I really appreciate it! One other question, in the activity stream, where in my file manager for the cpanel would I go to fix the size of the image in the activity stream. I would like to adjust so users can post their images without it being cut off.

[sharmstr]

Have you tried wp admin > rtmedia > media sizes

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[topnation]

Omg! It worked, you are awesome, Thank you!

[topnation]

Hi @sharmstr Thanks for your help. One last question on this, I’m sure its really simple, but forgot how to do, can you tell me how to delete the text under Related Articles?

All of the post have text, but for some reason only some do not show on Related Articles. So trying to remember how to delete that.

Thanks.

Attachments:

You must be logged in to view attached files.

[sharmstr]

idk, try this

COPY CODE

.related-wrap .entry-summary {
  display: none !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[topnation]

Thank you so much for your help! It worked!

[Author]

Posts