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

      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

        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

            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

                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

                  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

                    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

                    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

                    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

                      Write a Reply...
                      You need to Login to view replies.