Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1178771

    Hi,
    We use 800x450px image for post featured images.
    The image shown cropped to 736x389px on the post page and cropped to 783x314px on the blog archive

    That means It is not possible to create an image that shown properly in both places. (please tell me what is the sense of this)

    I want to achieve that the featured image show 100% height of image without any cropping and fit to container width. (both for blog archive page and post page)

    How can I achieve this?
    Thank You

    #1179191

    Hey attiii7,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    #top .fullsize .template-blog .big-preview img {
        height: 450px !important;
        width: auto !important;
    }
    #top .big-preview img {
        height: 100% !important;
        width: auto !important;
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1183176

    Hi,
    I tried to put the CSS code to both places (quick CSS and public_html/wp-content/themes/enfold-child/style.css)
    But nothing changed, neither worked…

    please help
    thx

    #1183428

    Hi,

    Thanks for the update. Did you select to delete the old CSS and JS files under Enfold->Performance before checking the changes?

    Best regards,
    Rikard

    #1183689

    Hi,
    Yes. I cleared the cache.
    looking forward to your help
    thx

    #1184151

    I have the same issue. I dont want images to be cropped on single post view.
    I tried tried the code from Victoria, but it works only for some blog posts. Others still have the cropped featured image but stretched…

    #1184727

    Dear Support
    Could you please help us solve this within a reasonable timeframe?
    Thanks

    #1185503

    Hi,

    Sorry for the delay. You have to adjust the default size of the entry_with_sidebar thumbnail. You can either do it manually by editing the functions.php file or by using the Simple Image Sizes plugin — link below. If you opt in to use the plugin, after the activation, go to the Settings > Media panel and adjust the dimension of the specified thumbnail above. After the adjustment, save or update the changes, then regenerate the images. If you don’t want to regenerate all images, then you have to upload the featured image again.

    // https://wordpress.org/plugins/simple-image-sizes/

    Best regards,
    Ismael

    #1186744

    Hi,
    This plugin seems to solve the problem. But it last updated 10 months and 3 major WP releases ago.

    Why don’t You make this image size adjustable in enfold theme settings?
    entry_with_sidebar size, entry_without_sidebar size are the 2 most important

    #1187247

    Hi attiii7,

    We have kept it from being added to Enfold Theme Settings to keep it from being bloated.
    There are hooks provided that can be used to modify it.
    The requirement is to use a child theme: https://kriesi.at/documentation/enfold/child-theme/
    Then add this PHP code at the bottom of the child theme’s functions.php:

    function enfold_customization_modify_thumb_size( $size ) {
      $size['entry_with_sidebar'] = array('width'=>845, 'height'=>321);
      $size['entry_without_sidebar'] = array('width'=>1210, 'height'=>423 );
      return $size;
    }
    
    add_filter( 'avf_modify_thumb_size', 'enfold_customization_modify_thumb_size', 10, 1 );

    Then modify their sizes.
    Hope this is helpful.

    Best regards,
    Nikko

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.