NSP images are blurred when in small size

Support forum dedicated to free and advanced Joomla content presentation module with various layout options and data sources support.
GK User
Sun May 14, 2017 7:12 am
Hi,
I set a NSP module with thumbnails 90x90 px and images are blurred. More small is the size of the thumbnail (from 180x180 to 90x90) more is the blur effect. Why?
Please, see the module with the red background in the attachment.
Thank you. Ciao
User avatar
Junior Boarder

teitbite
Wed May 17, 2017 4:06 pm
Hi

Please tell me the url to the exact page with an example of this issue.
User avatar
Moderator

GK User
Thu May 18, 2017 10:21 pm
Hi,
this is the URL https://libertadifrequenza.com/
userID = alias
pwd = alias

Ciao
User avatar
Junior Boarder

teitbite
Mon May 22, 2017 10:30 am
Hi

I'm afraid this access is not working. It only refreshes login page.
User avatar
Moderator

GK User
Tue May 30, 2017 7:19 pm
I sent you ID and PWD in a private message. Please, try again.
Ciao
User avatar
Junior Boarder

GK User
Fri Jun 02, 2017 12:52 pm
Hi,
you can see now the same blurred images here, too (without login):
https://libertadifrequenza.it/
Thanks, ciao
User avatar
Junior Boarder

teitbite
Mon Jun 05, 2017 10:57 am
Hi

I cannot log to joomla administrator, but I'm guessing wrong image is selected for processing. Please disable creating thumbnails in NSP settings and if this wont help send me an url to joomla panel with valid access, so I'll be able to check.
User avatar
Moderator

GK User
Wed Jun 14, 2017 11:35 am
Hi,
I sent some days ago an admin access in a private message. Please, may you confirm you can log in?
Thanks. Ciao
User avatar
Junior Boarder

teitbite
Mon Jun 19, 2017 10:52 am
Hi

I can see the thumbs are made from Intro images, aren't those images smaller than regular images by any chance ? If yes than switch to full images in NSP configuration. Also in quality option in NSP try switching to 100%. Remember it takes time for NSP to clear it's images cache.

If all fails, disable creating thumbnails and add this to css:

Code: Select all
.gkResponsive img.nspImage,
img.nspImage.gkResponsive {
    width: auto;
}


You can also manipulate the width of images with CSS. Example:

Code: Select all
#nsp-nsp-103 .gkResponsive img.nspImage,
#nsp-nsp-103  img.nspImage.gkResponsive {
    width: 232px;
}
User avatar
Moderator


cron