Hey bb,

Thank you for the inquiry.

Try editing the Icon element and apply a Custom CSS Class (e.g., av-popup-no-nav) in the Advanced > Developer Settings toggle. Then, add this code to the functions.php file:

function ava_popup_init() { ?>
<script type="text/javascript">
jQuery(document).ready(function(){
    jQuery('.av-popup-no-nav, .av-popup-no-nav a').magnificPopup({
        type: 'image',
        midClick: true, // Allow opening popup on middle mouse click
        navigation: {
            next: false, // Disable next arrow
            prev: false  // Disable prev arrow
        }
    });
});
</script>
<?php }

add_action('wp_head', 'ava_popup_init');

Best regards,
Ismael

Hi,
Please reset your localhost and import the demo to your localhost and check that it is imported correctly.
If it doesn’t import there would be a setting that is not correct in your localhost, your loc needs to have access to the internet.
OVH blocks our IP address so the images will not import, your localhost or other webhosts should not block our IP.

Best regards,
Mike

Hi,

Thank you for the inquiry.

You can also assign custom cssclass names to the Image element, allowing you to target them specifically. Please check the documentation below for more info: https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support

Best regards,
Ismael

Hey xela,

Thank you for the inquiry.

You can add this filter in the functions.php file:

add_action("ava_after_main_title", function() {
  global $avia_config;

  if( is_singular("post") ) {
    $avia_config['image_size'] = 'full';
    $avia_config['preview_mode']  = 'custom';
  }
}, 10);

Best regards,
Ismael

Hi,

One final question: on the ‘remove 495 image code’ if there were other sizes I wanted to get rid of, is this the code for multiple sizes?

For other sizes, you can duplicate the if block.

function avf_remove_specific_image_size_from_srcset( $sources, $size_array, $image_src, $image_meta, $attachment_id ) {
    if ( isset( $sources[495] ) ) {
        unset( $sources[495] );
    }

    if ( isset( $sources[295] ) ) {
        unset( $sources[295] );
    }

    return $sources;
}
add_filter( 'wp_calculate_image_srcset', 'avf_remove_specific_image_size_from_srcset', 10, 5 );

Best regards,
Ismael

Hey mskmw,
The includes/admin/demo_data folder will not have images, when you import the demo into your localhost the images will be in your /wp-content/uploads/ *date*
after you import into your localhost then use the Duplicator plugin to import from your localhost to OVH, the images will be added.
Do not use the WordPress ▸ Tools ▸ Import with a .xml file to move your localhost to your OVH site.

Best regards,
Mike

Hi,

Thank you for the update.

We created a test page using the Fullwidth Easy Slider (see private field). Please make sure to set the Styling > Slides > Slideshow Image and Video Size settings to No Scaling.

Best regards,
Ismael

Hi,

It works, but the images are too small in height. Can I still adjust the height in CSS?

You may need to adjust the default size of the entry_without_sidebar thumbnail. Please add this filter in the functions.php file:

function avf_customization_modify_thumb_size( $size ) {
      $size['entry_without_sidebar'] = array( 'width' => 9999, 'height' => 9999 );
      $size['entry_with_sidebar'] = array( 'width' => 9999, 'height' => 9999 );
      return $size;
}

add_filter( 'avf_modify_thumb_size', 'avf_customization_modify_thumb_size', 10, 1 );

Then use the following plugin to regenerate the thumbnails:

// https://wordpress.org/plugins/force-regenerate-thumbnails/

IMPORTANT: Please make sure to create a site backup or restore point before proceeding.

Best regards,
Ismael

Hi,

It seems to be loading the correct image (180x101px) on our end. Are you using any plugins related to images? Try to add this filter to force the browser to load the 180px image when the screen width is less than 768px.

add_filter( 'wp_calculate_image_srcset_sizes', 'avf_wp_calculate_image_srcset_sizes_mod', 10, 2 );
function avf_wp_calculate_image_srcset_sizes_mod( $sizes, $size ) {
    if ( 180 === $size[0] && 101 === $size[1] ) {
        return '(max-width: 768px) 180px, 700px';
    }

    return $sizes;
}

Best regards,
Ismael

Hey jnightingale,

Thank you for the inquiry.

Have you tried using the Fullwidth Easy Slider instead of the Fullscreen Slider? With the Fullwidth Easy Slider, the size of the slider will be calculated based on the dimensions of the images, rather than inheriting the size of the browser viewport.

Best regards,
Ismael

Hi,

Thank you for the update.

Please revert back to the previous avf_blog_style filter:

add_filter('avf_blog_style','avf_blog_style_mod', 10, 2);
function avf_blog_style_mod($layout, $context){
    if($context == 'archive') $layout = 'single-big';
    return $layout;
}

Then, include the hook below:

function avf_blog_featured_image_size_mod() {
    global $avia_config;
    $avia_config['image_size'] = 'full'; 
}
add_action('after_setup_theme', 'avf_blog_featured_image_size_mod');

Best regards,
Ismael

Hey Jak73,

Thank you for the inquiry.

1.) You can add this css code to adjust the height of the slider images on mobile view:

@media only screen and (max-width: 767px) {
	/* Add your Mobile Styles here */
	#top .avia-slideshow li img {
		min-height: 600px;
		object-fit: cover;
	}
}

2.) To adjust the height of the section, try including this css rule inside the media query above:

.home #av_section_1 .template-page {
    padding: 10px 0;
}

Best regards,
Ismael

Hey caro_dsa,

Thank you for the inquiry.

Unfortunately, adding an image banner to product tags is not supported, as there is no default option to apply thumbnails for tags. If having this functionality is essential, you may consider hiring a freelancer to assist with the customization. You can find freelancers who specialize in theme customization on our customization page.

If you have any other questions or need further assistance, please feel free to let us know.

Best regards,
Ismael

Hi,

We adjusted the filter a bit. Please try it again:

function avf_remove_specific_image_size_from_srcset( $sources, $size_array, $image_src, $image_meta, $attachment_id ) {
    if ( isset( $sources[495] ) ) {
        unset( $sources[495] );
    }

    return $sources;
}
add_filter( 'wp_calculate_image_srcset', 'avf_remove_specific_image_size_from_srcset', 10, 5 );

Best regards,
Ismael