puikinsh / Dazzling

Flat design WordPress WooCommerce theme developed using Bootstrap 3 and FlexSlider
http://colorlib.com/wp/themes/dazzling/
198 stars 136 forks source link

Blurry images in slider #36

Open travelography opened 8 years ago

travelography commented 8 years ago

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 commented 8 years ago

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 commented 8 years ago

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..

FreeWPTP commented 8 years ago

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?