Hi there, the images on the homepage slider always look a bit blurry and zoomed in, compared the same image shown on the post page. What is the process happening, and can I change it to show the native image?
We need to crop the images to make it display good on all spaces in your site, also it make your site faster for load. We can't load native image because some images has big size ( some MBs ) and if we use it, your site will very slow for load.
I just checked your site and I see some images a bit blurry from itself. As you can see on our demos, we crop the images and it still display fine.
Hi there, the images display fine when on the normal post page in the gallery - it's just in the featured slider (large space) they look crap. I'm uploading images at the correct size recommended (1170x780). What can I do do make the image on the slider reflect the quality shown on post pages?
hmmm nope it's still the same problem I had at the start, it's still zooming in. I just want it to crop and use the same size as the gallery on the post, not enlarge it? It really brings the quality down. Is that possible?
Hi there, the images on the homepage slider always look a bit blurry and zoomed in, compared the same image shown on the post page. What is the process happening, and can I change it to show the native image?
Hi,
We need to crop the images to make it display good on all spaces in your site, also it make your site faster for load. We can't load native image because some images has big size ( some MBs ) and if we use it, your site will very slow for load.
I just checked your site and I see some images a bit blurry from itself. As you can see on our demos, we crop the images and it still display fine.
Best Regards,
PenciDesign
Hi there, the images display fine when on the normal post page in the gallery - it's just in the featured slider (large space) they look crap. I'm uploading images at the correct size recommended (1170x780). What can I do do make the image on the slider reflect the quality shown on post pages?
Hi,
If so, please do following steps here:
1/ Install & activate plugin WPide
2/ Go to admin page > WPide and do following this image.
Best Regards,
PenciDesign
thank you, hopefully that makes a difference! :)
Hi there, it hasn't seemed to have made a difference unfortunately - any other ideas?
Hi,
Hmm, with me, I see it fine.
Don't know why you see it different. Can you compare with 2 positions on 2 screenshot?
Best Regards,
PenciDesign
Attached - I don't want it to zoom like it does on the large picture on the slider on the home page?
Hi,
Please try add more this code to Customize > Custom CSS to fixed this issue:
.featured-style-26 .wrapper-item .penci-item-1 .penci-image-holder{ background-size: 100% 100%; }
Best Regards,
PenciDesign
Hmm that didn't seem to work, it's still doing something weird with the way it's distorting the image - looks like it is widening it too?
Hi,
Please replace the code I sent to:
.featured-style-26 .wrapper-item .penci-item-1 .penci-image-holder{ background-size: 100% auto; }And try again.
Best Regards,
PenciDesign
hmm, it's still zoomed in?
Hi,
I see it's ok now. Because as you can see, the ratio size in the gallery & featured slider is different.
Best Regards,
PenciDesign
hmmm nope it's still the same problem I had at the start, it's still zooming in. I just want it to crop and use the same size as the gallery on the post, not enlarge it? It really brings the quality down. Is that possible?
Hi,
If so, please do following steps:
1/ Go to WPide and change like on this image.
2/ Replace the code I sent to this code:
.featured-style-26 .wrapper-item .penci-item-1 .penci-image-holder{ background-size: auto 100%; }Best Regards,
PenciDesign
yaaaay, the image quality looks so much better!
BUT!
Now there's a gap above the large images! oh no lol!
Hi,
You did't replace the code as I said in my previous comment - step 2/
Best Regards,
PenciDesign
oops I think I pasted the old code! Thanks for your patience sorting this, so happy with the result! Thanks for being so helpful!
Dang, it's now making the top featured image too small on mobile! Is there anyway we can get a solution that works across all systems? Thanks!
Hi,
You can add more this code to Customize > Custom CSS to fixed it:
@media only screen and (max-width: 768px){ .featured-style-26 .wrapper-item .penci-item-1 .penci-image-holder{ background-size: cover; } }Best Regards,
PenciDesign
Amazing!!! Thankyou!!!!!!