News Show Pro GK5 - thumbnails question

pritmadlani

Hello,

I am wondering if someone can help please? I am using the News Show Pro GK5 module on my homepage. I have a question regarding the quality of the thumbnails. I have set the 'Thumbnail quality' to '100%', but it looks blurry. If I disable the 'Create thumbnails' option, the quality looks much better, but when I run a pagespeed report, it says that the images need to be compressed to make the site faster.

Do I have any options whereby I can have an excellent quality thumbnail (a good small size), without jeopardising the speed of my site?

Thank you in advance,

Prit

aman204

pritmadlani Try to add this to custom css field or override.css as per documentation here

.frontpage .gkNspPM-ProductGallery2 div img{width:auto !important;}

Kindly ensure to clear your browser cache if changes dont reflect

pritmadlani

Thank you for your help!

aman204

pritmadlani Kindly let us know if the relative topic has been resolved so as to mark the thread as resolved or need further assistance on the same 🙂

pritmadlani

Thank you for your message. I have added this to the override.css, cleared the browser cache and checked, but it still looks blurry (please see the attached file). When one of the thumbnails are clicked on, you will be able to see a larger thumbnail, but it will appear much better quality.

Thank you,

Prit

aman204

pritmadlani Kindly review again as I am unable to see the suggested css code added.
Ref: Screenshot wherein I have tried adding the suggested code through debugging tool and the images scale appropriately to their original dimensions and appear fine

pritmadlani

aman204 Hi Aman - thank you for getting back to me. I have now added the code and cleared the cache, but it does not seem to have any impact on the quality of the thumbnails. Am I missing something?

Thank you for all your help.

Prit

aman204

pritmadlani You may check now. Had to disable System - JCH Optimize being the culprit and not allowing specific css rule-set to apply

You may instead try to use Joomla core caching option as outlined in redirection links here and toggle in-built optimize features to enabled in template settings --> advanced settings

pritmadlani

Thank you for spotting that - 2 quick questions.

1) when I click on the above link provided, it says 'You need a valid subscription to view replies.'
2) should that css code also make the images clearer on mobile devices?

Thank you for all your help so far - it is much appreciated.

Prit

aman204

pritmadlani Hi

In addressing your query point-wise as per last forum post -
1) It might be due to membership limitations due to which you arent able to view forum posts in other categories. You may wish to kindly contact via email at sales@joomlart.com and in furtherance, the concerned sales team can address your membership related query.

Posting the redirection links here to specific blog/tutorials which can be of help in relation to my last post 🙂
https://www.ostraining.com/blog/joomla/cache/
https://www.joomlart.com/tutorials/joomla-tutorials/joomla-cache-from-inside-out

2) Paul and Joshua have already added response in regards to the respective query. We will look forward to reply in furtherance

paulus1031

Hi Prit,

At the moment I can see the image size being 200px x 200px and enlarged to 271px x 272px - at the moment this image is being enlarged on the desktop

If an image is enlarged it can look blurry - it is also enlarged on mobile

Cheers
Paul

Joshua-M

Hi,
Prit, you can set your thumbnails dimenstion to 271px x 272px in News Show Pro settings or (as Aman suggested - add the following custom css code: .gkNspPM-ProductGallery2 div img {width: auto!important} - I can't see this code on your website now...

Cheers
Joshua