Hello Enfold Support Team,

I am trying to change the default cropped size of my featured images on single blog posts to a proper 16:9 aspect ratio, so that my 1280x720px images are displayed in full without any cropping.

I have tried two different PHP-based methods based on my research, but neither has worked on my local server environment (so caching should not be the issue).

Method 1: Modifying Existing Sizes

First, I tried to modify the existing theme sizes using the avf_modify_thumb_size filter. This was the code I used in my child theme’s functions.php (respectively in a Code Snippet Plugin):

function enfold_definitive_image_ratio_fix( $size_array ) {
    $size_array['entry_without_sidebar'] = array('width' => 1210, 'height' => 681);
    $size_array['entry_with_sidebar'] = array('width' => 845, 'height' => 475);
    return $size_array;
}
add_filter( 'avf_modify_thumb_size', 'enfold_definitive_image_ratio_fix', 10, 1 );

When this code is active, the “Regenerate Thumbnails” page still shows the old default dimensions (e.g., 1210×423), so the filter does not seem to be applying correctly.

Method 2: Registering a New Size and Forcing its Use

As an alternative, I also tried registering a brand new 16:9 image size (custom-16-9-hero) and then used the avf_post_featured_image_size filter to force the theme to use it. Here is the code for that attempt:

function enfold_add_custom_image_sizes() {
    add_image_size( 'custom-16-9-hero', 1280, 720, true );
}
add_action( 'after_setup_theme', 'enfold_add_custom_image_sizes' );

function enfold_use_custom_featured_image_size( $size ) {
    if ( is_singular('post') ) {
        return 'custom-16-9-hero';
    }
    return $size;
}
add_filter( 'avf_post_featured_image_size', 'enfold_use_custom_featured_image_size', 10, 1 );

With this method, the “Regenerate Thumbnails” plugin does show my new custom-16-9-hero – 1280 x 720 size and creates the files correctly after regenerating. However, the theme’s single post template still ignores the filter and continues to display the old default cropped image.

My question is:

In the latest version of Enfold, what is the definitive and correct method to ensure the featured image on a single post page is displayed at a custom 16:9 ratio?

Thank you very much for your help.

Kind regards,
David

I need to make some modifcations on portfoli0 items with the testimonials in place, for instance here:

https://anthonyi34.sg-host.com/portfolio-item/tanium-2/

I mag=nahed to change the color of the box and the size of the text in it, however I can’t target the little arrow, whe I did it made an arrow appear on the main grid of projects here:

https://anthonyi34.sg-host.com/projects/

To be honest I don;t recall how we turned the little arruws off on this grid beloew each thumbnail, but target the arrow even with testimonial added in the code not jst arrow made them reapear there.

So..how can I change the coloe of the little arrow just on the testimonials, and also how can Ichange the color of the text in the box. My css was able to make the text bigger but not effect the color.

Thanks so much

Hi
as you see here the navigation controls for the gallery are “far out”.
Image:
https://gwup.org/temporaer/enfold-navi-bug.jpg

Live:

They are supposed to be IN the gallery and not miles above.
This bug can be reproduced.
Please tell me how to fix it (and fix it in your next update!)

Here is the shortcode to reproduce it:
[av_section min_height='100' min_height_pc='25' min_height_px='500px' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' padding='default' margin='aviaTBmargin' custom_margin='0' custom_margin_sync='true' av-desktop-custom_margin='' av-desktop-custom_margin_sync='true' av-medium-custom_margin='' av-medium-custom_margin_sync='true' av-small-custom_margin='' av-small-custom_margin_sync='true' av-mini-custom_margin='' av-mini-custom_margin_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' fold_type='' fold_height='' fold_more='Weiterlesen' fold_less='Read less' fold_text_style='' fold_btn_align='' color='main_color' background='bg_color' custom_bg='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' src_dynamic='' attach='scroll' position='top left' repeat='stretch' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='1' overlay_color='#003833' overlay_pattern='{{AVIA_BASE_URL}}images/background-images/diagonal-thin-dark.png' overlay_custom_pattern='' custom_arrow_bg='' fold_overlay_color='' fold_text_color='' fold_btn_color='theme-color' fold_btn_bg_color='' fold_btn_font_color='' size-btn-text='' av-desktop-font-size-btn-text='' av-medium-font-size-btn-text='' av-small-font-size-btn-text='' av-mini-font-size-btn-text='' fold_timer='' z_index_fold='' css_position_z_index='' av-desktop-css_position_z_index='' av-medium-css_position_z_index='' av-small-css_position_z_index='' av-mini-css_position_z_index='' id='' custom_class='backgroundvilla' template_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-fhey3j' sc_version='1.0']
[av_icon_box icon='ue80b' font='entypo-fontello' title='Lorem Ipsum' position='top' icon_style='' boxed='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='' custom_title_size='' av-desktop-font-size-title='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' custom_content_size='' av-desktop-font-size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' heading_tag='div' heading_class='biszu' link='' link_dynamic='' linktarget='' title_attr='' linkelement='' id='' custom_class='' template_class='' av_uid='av-c6iolb' sc_version='1.0' admin_preview_bg='']
<h1>Lorem Ipsum dolor sid amend dolores</h1>
Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik.
[/av_icon_box]

[av_gallery ids='12076,12077,12078,12079,12080' ids_dynamic='' style='big_thumb lightbox_gallery' preview_size='no scaling' crop_big_preview_thumbnail='avia-gallery-big-crop-thumb' thumb_size='medium' columns='12' thumbs_hover='' control_layout='av-control-default' slider_navigation='av-navigate-arrows' nav_visibility_desktop='av-nav-arrows-visible' nav_arrow_color='' nav_arrow_bg_color='' imagelink='lightbox' link_dest='' lightbox_text='no_text' lazyload='avia_lazyload' img_scrset='' html_lazy_loading='disabled' alb_description='' id='' custom_class='' template_class='' av_uid='av-mb5at8df' sc_version='1.0' admin_preview_bg='']
[/av_section]

kind regards
Andrè

This is a continuation of this thread: https://kriesi.at/support/topic/tab-section-height-problem-3/

Sorry to revisit this after so long. I was initially using this code successfully, but then had a strange problem and forgot to follow up with you on a solution.

The problem… the text and thumbnails inside the tab section look like they are “pulsating”, slightly moving around. When I remove your code, then the “pulsating” stops. Not sure what is causing it. I’ve included a screening recording below (YouTube link).