[Skip to main content](#vessel-content) # Image Blurriness ## - **[rsarpong](/forum/user/2026-rsarpong "View rsarpong's Profile")** - [![rsarpong's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/2026-rsarpong "View rsarpong's Profile") Topic Author - [ Offline](/forum/user/2026-rsarpong) Less More - Posts: 138 - Thank you received: 0 - - 15 years 4 months ago [\#16981](#16981) by [rsarpong](/forum/user/2026-rsarpong "View rsarpong's Profile") *[Image Blurriness](/forum/3-bug-report/16981-image-blurriness#16981 "Nicholas my images are blurry on the product page for some reason. I followed the instructions in the manual and deleted the images from the thumbnail page and even resized my images to the exact...")* was created by *[rsarpong](/forum/user/2026-rsarpong "View rsarpong's Profile")* Nicholas my images are blurry on the product page for some reason. I followed the instructions in the manual and deleted the images from the thumbnail page and even resized my images to the exact dimensions forced by my css but the images are still appearing blurry. What can I do to fix this? Do I have to make changes to the image itself? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzMtYnVnLXJlcG9ydC8xNjk4MS1pbWFnZS1ibHVycmluZXNzP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86284 - Thank you received: 14263 - - 15 years 4 months ago [\#16983](#16983) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Image Blurriness](/forum/3-bug-report/16981-image-blurriness#16983 "Nicholas my images are blurry on the product page for some reason. I followed the instructions in the manual and deleted the images from the thumbnail page and even resized my images to the exact...")* On the page: [ daydreamercreative.cloudaccess.net/shopp...duct/show/cid-1.html](http://daydreamercreative.cloudaccess.net/shopping-bag/product/show/cid-1.html) You have the image: [ daydreamercreative.cloudaccess.net/media...\_hika\_2108763782.jpg](http://daydreamercreative.cloudaccess.net/media/com_hikashop/upload/thumbnail/pistola%20tee%206_hika_2108763782.jpg) The size of that thumbnail is 164*127 In your CSS, you force it to be: 360*280 So, your browser resize it to a bigger size and thus the image is blurry. If you want your product page image to be 360*280, you need to go to the tab "files" of the configuration, then, set the thumbnail width and height to 360 and 280, save the configuration and then, delete your thumbnails. HikaShop will recreate them with the new size. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzMtYnVnLXJlcG9ydC8xNjk4MS1pbWFnZS1ibHVycmluZXNzP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[rsarpong](/forum/user/2026-rsarpong "View rsarpong's Profile")** - [![rsarpong's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/2026-rsarpong "View rsarpong's Profile") Topic Author - [ Offline](/forum/user/2026-rsarpong) Less More - Posts: 138 - Thank you received: 0 - - 15 years 4 months ago [\#16988](#16988) by [rsarpong](/forum/user/2026-rsarpong "View rsarpong's Profile") Replied by *[rsarpong](/forum/user/2026-rsarpong "View rsarpong's Profile")* on topic *[Re: Image Blurriness](/forum/3-bug-report/16981-image-blurriness#16988 "Nicholas my images are blurry on the product page for some reason. I followed the instructions in the manual and deleted the images from the thumbnail page and even resized my images to the exact...")* I find it unfortunate that I cannot have different size images between the category and product page. I think this a feature that should be added on the next version of Hikashop. How can I move the price and button display to be closer to the bottom of the picture? At the moment it is too far below the images on the category page. [ daydreamercreative.cloudaccess.net/tees.html](http://daydreamercreative.cloudaccess.net/tees.html) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzMtYnVnLXJlcG9ydC8xNjk4MS1pbWFnZS1ibHVycmluZXNzP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86284 - Thank you received: 14263 - - 15 years 4 months ago [\#16989](#16989) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Image Blurriness](/forum/3-bug-report/16981-image-blurriness#16989 "Nicholas my images are blurry on the product page for some reason. I followed the instructions in the manual and deleted the images from the thumbnail page and even resized my images to the exact...")* You can have different image size with CSS. Instead of having a small thumbnail size so that it fits in your listing and then overriding it in CSS for your product page (that's why it's blurry), you need to do it the other way around: a big thumbnail size so that it fits your product page and then override it in CSS for your product listing. That's something we want to add in hikashop soon as apparently some users have a hard time with images size CSS override. For the gap between the image and the button, you need to use also some CSS, like explained on that thread: [ www.hikashop.com/support/forum/4-how-to/...h.html?lang=en#16160](http://www.hikashop.com/support/forum/4-how-to/16132-images-height-and-width.html?lang=en#16160) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzMtYnVnLXJlcG9ydC8xNjk4MS1pbWFnZS1ibHVycmluZXNzP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[rsarpong](/forum/user/2026-rsarpong "View rsarpong's Profile")** - [![rsarpong's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/2026-rsarpong "View rsarpong's Profile") Topic Author - [ Offline](/forum/user/2026-rsarpong) Less More - Posts: 138 - Thank you received: 0 - - 15 years 4 months ago [\#16990](#16990) by [rsarpong](/forum/user/2026-rsarpong "View rsarpong's Profile") Replied by *[rsarpong](/forum/user/2026-rsarpong "View rsarpong's Profile")* on topic *[Re: Image Blurriness](/forum/3-bug-report/16981-image-blurriness#16990 "Nicholas my images are blurry on the product page for some reason. I followed the instructions in the manual and deleted the images from the thumbnail page and even resized my images to the exact...")* Right...right! So if this (.hikashop_product_main_image_thumb img{ width: 280px!important; height: 360px!important; } )overrides for the product page what would be the code that overrides the image size on the category page? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzMtYnVnLXJlcG9ydC8xNjk4MS1pbWFnZS1ibHVycmluZXNzP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86284 - Thank you received: 14263 - - 15 years 4 months ago [\#16991](#16991) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Image Blurriness](/forum/3-bug-report/16981-image-blurriness#16991 "Nicholas my images are blurry on the product page for some reason. I followed the instructions in the manual and deleted the images from the thumbnail page and even resized my images to the exact...")* You can do like that: [ www.hikashop.com/support/forum/4-how-to/...r.html?lang=en#15830](http://www.hikashop.com/support/forum/4-how-to/15439-different-image-sizes-g-blurr.html?lang=en#15830) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzMtYnVnLXJlcG9ydC8xNjk4MS1pbWFnZS1ibHVycmluZXNzP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. Board Categories HikaShop- Install & Update- Product & Category Display- Content Creation- Sales and Orders- - Orders management- - Reports & Statistics- Customers- Checkout- Payment Methods- Shipping Methods- Import & Export (CSV, XLS…)- Specific Features- - Affilation- - Taxes- - Wishlist- - Vote- - Carousel & Slider- - Mass Actions- - Filters & Search- - Discount & Coupon- - Feature Request- Integrations- Showcase- General Talk about HikaShop- Development- - HikaShop 3.0 Beta- Translation- Commercial Jobs HikaShop Components- HikaMarket- - Market: Feature requests- - Market: How to?- - Market: Bug Report- HikaSerial- - General talk about HikaSerial- - Serial: Bug Report- - Serial: How to?- - Support en Français de HikaSerial (French Support)- - HikaSubscription- HikaAuction- - Auction: Feature requests- - Auction: How to?- - Auction: Bug report Hikashop around the world- Support en Français (French Support)- Russian- - FAQ. Курс выживания с Hikashop. Частые вопросы и о- - Расширения Hikashop- - Наши сайты на Hikashop- 日本語版サポート(Japanese Support)- Thai- German Archives- Bug Report- How to? [](/forum/topics/feed/mode-topics?format=feed&type=rss) Time to create page: 0.173 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)