Dazzling icon indicating copy to clipboard operation
Dazzling copied to clipboard

Blurry images in slider

Open travelography opened this issue 9 years ago • 3 comments

Hey guys,

since the update to 4.4 the dazzling theme show blurry images in the slider.

I guess there are some problems with the new responsive features of wordpress.

If you look into the dom elements, you will see that the wrong source is choosen.

currentSrc =    "https://cdn2.colorlib.co...pdated1_02-1024x293.jpg

Regards Christian

travelography avatar Dec 10 '15 17:12 travelography

To avoid the blurry images in the slider, just add

function filter_max_srcset( $max_width, $size_array ) {
    if ( $size_array[0] === 1920 ) {
       $max_width = 1920;
    }
    return $max_width;
}
add_filter( 'max_srcset_image_width', 'filter_max_srcset', 10, 2 );`

to your functions.php

Anyway it should be added to the dazzling code by default :)

travelography avatar Dec 11 '15 17:12 travelography

I noticed recently that there are still a lot of resolution size bugs. For example: Watching the theme on an iPad leads to a miss sized slider resolution. The displayed images of the sliders are tiny and the content not clickable.

Furthermore all images in the article section are blurred..

travelography avatar Dec 26 '15 12:12 travelography

I have tested it on my test site using latest version of theme & WordPress and the slider images are not displaying blurry for me.

Are you still facing the issue using latest version of theme & WordPress?

FreeWPTP avatar Jun 10 '16 15:06 FreeWPTP