-
AuthorPosts
-
August 23, 2017 at 3:30 pm #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
SophieAugust 23, 2017 at 4:11 pm #843124Hey Sophie,
Here is an article for you
Also when assigning images , you need to specify the size to use
Best regards,
VictoriaAugust 23, 2017 at 4:31 pm #843151Hi 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
SophieAugust 28, 2017 at 4:16 am #844621Hi,
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-135455Best regards,
MikeSeptember 1, 2017 at 10:55 am #846789Hi 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
SophieSeptember 4, 2017 at 2:38 pm #847742Hi Sophie,
Try the following:
1. Install this plugin: https://wordpress.org/plugins/simple-image-sizes/
2. Go to Settings > Media
3. Change theentry_with_sidebar
image size (increase its width / height).
4. Regenerate the thumbnails by clicking the button at the bottom.Best regards,
YigitSeptember 11, 2017 at 2:01 pm #850492Hi 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
SophieSeptember 11, 2017 at 3:12 pm #850534Hi,
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,
YigitSeptember 13, 2017 at 2:48 pm #851596Hi 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
SophieSeptember 15, 2017 at 9:12 am #852413Hi,
The post content container size is 875px. You have to increase the size of the thumbnail from 675px.
Best regards,
IsmaelSeptember 16, 2017 at 1:28 pm #852865Hi 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
SophieSeptember 19, 2017 at 6:40 am #853709September 19, 2017 at 2:38 pm #853864Hi 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 -
AuthorPosts
- The topic ‘Scaling down the images without cropping in „Single Post With Big Preview Image“’ is closed to new replies.