Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #843068

    Hello to you,

    for my single blog posts with right sidebar I am using „Single Post With Big Preview Image“ and I would like to change the scaling down of the single blog post images. My images have 1200x800px and they are all cropped at the top and the bottom. What I would like to achieve is that the images are scaling down within the big preview without cropping.

    I tried with Custom CSS, but then images will be stretched in a weird looking way. Can you help and tell how to achieve that (without any plugin)? Login data and example link to the post with problem in question in private content (my website is still in maintenance mode).

    Thanks so much for all your efforts in advance.

    Kind regards
    Sophie

    #843124

    Hey Sophie,

    Here is an article for you

    Also when assigning images , you need to specify the size to use

    View post on imgur.com

    Best regards,
    Victoria

    #843151

    Hi Victoria,

    thank you for your fast reply. When uploading featured image size, I am not able to specify the size to use. Also, the link is not what I want to achieve. What I would like to achieve is that the images are scaling down within the big preview without cropping. And this is an Enfold issue.

    Can you please help? Would be awesome.

    Cheers
    Sophie

    #844621

    Hi,
    I may have found a solution to stop the cropping of your images by adding ‘crop’ => false to the image size in your functions.php
    Here’s the details: https://kriesi.at/support/topic/portfolio-blog-featured-images-cropping/#post-135455

    Best regards,
    Mike

    #846789

    Hi Mike,

    thank you for the link. I tested the code, but this leads to a syntax error. Any idea? Thanks a lot in advance.

    Kind regards
    Sophie

    #847742

    Hi Sophie,

    Try the following:
    1. Install this plugin: https://wordpress.org/plugins/simple-image-sizes/
    2. Go to Settings > Media
    3. Change the entry_with_sidebar image size (increase its width / height).
    4. Regenerate the thumbnails by clicking the button at the bottom.

    Best regards,
    Yigit

    #850492

    Hi Yigit,

    I tried it and it worked, thank you :-). Same with following code that I tried meanwhile also:

    add_filter( 'avf_modify_thumb_size', 'enfold_customization_modify_thumb_size', 10, 1 );
    function enfold_customization_modify_thumb_size( $size ) {
    $size['entry_with_sidebar'] = array('width'=>'auto', 'height'=>'450');
    return $size;
    }

    But somehow the featured image is kind of blurred when using both ways. Only when I click on the image and the lightbox opens, the image is displaying sharp. Can you help with this issue? Would be awesome.

    Have a nice day!

    Kind regards
    Sophie

    #850534

    Hi,

    Have you regenerated thumbnails after adding the code to functions.php file? If not, please do so – https://wordpress.org/plugins/regenerate-thumbnails/ as image size is still small at the moment.

    Best regards,
    Yigit

    #851596

    Hi Yigit,

    after adding the code to functions.php file I uploaded a new image. The image is still quite blurred and only displaying sharp upon opening the lightbox. Please see screenshots in private content box.

    Do you have any idea how to solve?

    Have a good day!

    Kind regards
    Sophie

    #852413

    Hi,

    The post content container size is 875px. You have to increase the size of the thumbnail from 675px.

    Best regards,
    Ismael

    #852865

    Hi Ismael,

    you mean in the a/m functions.php code the size of the image for “entry with sidebar” should have 675px instead of 875px or “auto”? Sorry, I am a little confused right now :-( . Thus please be a little patient with me :-) . Hope you can help. Thanks so much in advance.

    Kind regards
    Sophie

    #853709

    Hi,

    The image width should be 875px instead of 675px.

    Best regards,
    Ismael

    #853864

    Hi Ismael,

    thank you Ismael, I changed width to 875 px. Furthermore, I think I made a serious mistake with respect to the image sizes, because I surrounded the sizes with single quotations, so it displayed ‘875’ and ‘450’ for width and height. Thus, in the a/m code to be added to functions.php, I removed the single quotations, changed width to 875 px and everything looks perfect now. I think you can close this topic now :-) .

    I thank you so much for all your help and all your patience :-) !

    Kind regards
    Sophie

Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Scaling down the images without cropping in „Single Post With Big Preview Image“’ is closed to new replies.