Image resized on sidebar or related post

Public Ticket #14703

Image resized on sidebar or related post

Conversation thread

nevax replied

5 years ago

Customer Reply

Great it's perfect ! And for your information I've done the steps 1 & 3 on the child theme so I believe it will remain even if I update the parent theme.

Thanks again for you very quick and quality support

Alex

PenciDesign replied

5 years ago

Staff Reply

Hi,

Ok, if so please do following steps below to make that image size apply for: Grid Posts, Lists posts, ... and widgets on the sidebar:

1/ Edit the code like on this image.

2/ Install & activate plugin https://wordpress.org/plugins/regenerate-thumbnails/ - after installed this plugin, go to Tools > Regenerate Thumbnails > click to regenerate for all images and wait until it done.

3/ Add more this code to Customize > Custom CSS:

.penci-image-holder:before{ padding-top: 56.25%; }

And check it again - it should works fine now. And the layout Grid, List, ... will be displayed on that size now, not only Mansory layout.

And because you've edited the functions.php file, so with each update of the theme, after updated the theme, you need to do again the step 1 ( only step 1, not need step 2, 3 )

Hope this help,

Best Regards,

PenciDesign

nevax replied

5 years ago

Customer Reply

Hi,

Thanks, Mansory layout is good for the blog page layout. But I cant use it for the widgets in side bar right ? Like recent posts or below the post for "related posts" neither ?

Thanks

Alex

PenciDesign replied

5 years ago

Staff Reply

Hi,

Yeah, by default we need to crop the images to make everything display good for all layouts.

If you don't want to get your images get cropped, you can use the Mansory layout.

Best Regards,

PenciDesign

nevax started the conversation

5 years ago

Conversation Start

Hi,

Looks like some images are resized and cropped without keeping the original proportion and especially for images displayed on the sidebar or below the posts (recent posts).

For example the original image is and resized one is 1280x720 but ht resized is automatically 585x390, with the result that image is missing a part.

Do you have any idea where I can manage images size in the theme ? I found few things with lazy load but the updates are not successful.

Thanks

Alex

Want to join this conversation or access attachments? Sign in first.