Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2594416
Image resized on sidebar or related post
Closed

Comments

  • nevax started the conversation

    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

  •  2,699
    PenciDesign replied

    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 replied

    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

  •  2,699
    PenciDesign replied

    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

    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