Slider Using Featured Images Are Blurry

Beaver Builder
1

Another question …

I am using Post Slider and have it set to use Featured Images as the background. The problem is that the images are showing up very blurry. The images that I am using are good and sharp, and I have played around with different size images. I’ve tried large images, and thought that maybe it was caused by the slider resizing them, so then I tried smaller images (EG: 800x600), but I get the same result. Any thoughts?

The dev URL is http://thepridhamgroup.com/leps/.

Thanks

2

Hey Mark,

Just tested it on my local dev and I’m able to replicate the issue on my end. I’ll go ahead and file a bug report and see if there is something we can do. Thanks for the heads up! :slight_smile: Meanwhile, I’ve found a temporary fix, try switching between Thumbnail and Background with a larger image and see if it resizes it correctly. I’ve attached some screenshots for this.

http://imgur.com/a/uNSSW

Thanks!

KC

3

That worked like a charm. Thanks KC!

4

Thanks for this solution. Just in case anyone else is having issues, thought I’d share that the solution didn’t quite work for me as the 1024 pixel thumbnail still wasn’t large enough. I had to add a new even larger thumbnail setting in functions.php using the WP instructions on this page: https://codex.wordpress.org/Function_Reference/set_post_thumbnail_size

Once I did that, it worked great.

5

Hey Juliana and Mark,

Just letting you know a fix for this will be available in the next update. :slight_smile:

Thanks!

KC

6

Great to hear. thanks for letting us know!

7

I noticed the same. Goog to hear the is a fix coming.

Another question: what is the logic that the slider streches the images? It streches the height or width strangely (to fit the content width), and thus some of my slider images are loosing part of their sides. How can I fix or set or size the images?

Thanks.

8

Okey, now I have got it. The images in the slider have to all be of the same height. Otherwise the slider streches the height of the lower images, making parts of the left and right sides go off the slider.

Is this ment to be like this?

9

And hoping for a quick fix to the blurry thing :). My images are 1349px wide, full size, and still blurry.

10

Hey Harriet,

Sorry, I’m not getting this. Are you using the latest version of the plugin? Also, could you please share your Website URL with us so we could have a better look at your issue?

Thanks!

KC

11

The slider streches the images in a logic, I cannot really understand. Could you tell me the logic of images in sliders? :slight_smile: I can set a minimum height, but where do I set the height and the settings, will the image be as it is, or filled or what?

The blurryness comes of course is the image is streched bigger.

12

Hey Harriet,

Are you using the Slideshow or Content Slider module? Do you mind sharing the URL of the site in question so we can take a look?

Ben

13

Hi,

I’m having the same issue. The images lose quality (blury).
I tried to switch between thumbnail and background but with no sucess so far.
Looking forward to the new update.
:slight_smile:

14

Hey Marcela,

The issue before with the Posts Slider module was when you have the Featured Image set to Show and use it as a background, it defaulted to the thumbnail size set on your WP media settings. The fix was to include a size setting, and changing the default value to large. This fix was added on 1.6.4.4 and the latest version now is 1.6.4.6. Could you verify the version of the plugin you’re using?

Ben

15

Hey Ben,

My plugin is the most updated and I still have the issue unfortunately.
My images still losing quality.
Any other ideas?

Thank you very much

16

Hey Marcela,

Just to chime in here. Do you mind sharing the URL of the site in question so we can take a look? You can use the private reply option below.

Thanks!

KC

17

[Content Hidden]

18

Hey Marcela,

Just letting you know I’m checking in with the team on this one.

Thanks!

KC

19

Awesome KC,

Thank you very much guys ! :slight_smile:

20

Hey Marcela,

The problem is caused by how your large images’ max width is set to 1020px. You can either increase that under Settings > Media, or add a new image size. You can check the thread below for more info on the latter. :slight_smile:
http://forum.wpbeaverbuilder.com/support/q/custom-image-sizes-are-working-beutifully/

Edit: I’d also like to add you’ll want to run the Regenerate Thumbnails plugin after doing either.

Ben