[Skip to main content](#vessel-content) # Center product and product name ion landing page ## - **[dagroupinc](/forum/user/57629-dagroupinc "View dagroupinc's Profile")** - [![dagroupinc's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar57629.jpg)](/forum/user/57629-dagroupinc "View dagroupinc's Profile") Topic Author - [ Offline](/forum/user/57629-dagroupinc) Less More - Posts: 109 - Thank you received: 1 - - 5 years 7 months ago [\#331395](#331395) by [dagroupinc](/forum/user/57629-dagroupinc "View dagroupinc's Profile") *[Center product and product name ion landing page](/forum/26-product-category-display/902302-center-product-and-product-name-ion-landing-page#331395 "-- HikaShop version -- : 4.4.1 -- Joomla version -- : 3.9.25 -- PHP version -- : 7.3 -- Error-message(debug-mod must be tuned on) -- : None I've been struggling to center the product name under the product images on our landing page. Under Product Options, Text centered setting is set to Yes. Doesn't appear to be an issue on the Category pages. Any thoughts on how to resolve this?")* was created by *[dagroupinc](/forum/user/57629-dagroupinc "View dagroupinc's Profile")* -- HikaShop version -- : 4.4.1 -- Joomla version -- : 3.9.25 -- PHP version -- : 7.3 -- Error-message(debug-mod must be tuned on) -- : None I've been struggling to center the product name under the product images on our landing page. Under Product Options, Text centered setting is set to Yes. Doesn't appear to be an issue on the Category pages. Any thoughts on how to resolve this? - [ ![ScreenShot2021-03-31at12.37.53PM.png](/forum/attachment/52420) ](/forum/attachment/52420 "...12.37.53PM.png") [ ](/forum/attachment/52420?download=1 "...12.37.53PM.png") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDIzMDItY2VudGVyLXByb2R1Y3QtYW5kLXByb2R1Y3QtbmFtZS1pb24tbGFuZGluZy1wYWdlP3RtcGw9bWFya2Rvd24=) 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?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86540 - Thank you received: 14300 - - 5 years 7 months ago [\#331400](#331400) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Center product and product name ion landing page](/forum/26-product-category-display/902302-center-product-and-product-name-ion-landing-page#331400 "-- HikaShop version -- : 4.4.1 -- Joomla version -- : 3.9.25 -- PHP version -- : 7.3 -- Error-message(debug-mod must be tuned on) -- : None I've been struggling to center the product name under the product images on our landing page. Under Product Options, Text centered setting is set to Yes. Doesn't appear to be an issue on the Category pages. Any thoughts on how to resolve this?")* Hi, I don't see the issue on your link: [ i.imgur.com/Lmed6n4.png](https://i.imgur.com/Lmed6n4.png) I've tried with Chrome, FireFox and Edge on my windows computer. Do you still have the problem on your end ? If so, which browser are you using ? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDIzMDItY2VudGVyLXByb2R1Y3QtYW5kLXByb2R1Y3QtbmFtZS1pb24tbGFuZGluZy1wYWdlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[dagroupinc](/forum/user/57629-dagroupinc "View dagroupinc's Profile")** - [![dagroupinc's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar57629.jpg)](/forum/user/57629-dagroupinc "View dagroupinc's Profile") Topic Author - [ Offline](/forum/user/57629-dagroupinc) Less More - Posts: 109 - Thank you received: 1 - - 5 years 7 months ago [\#331426](#331426) by [dagroupinc](/forum/user/57629-dagroupinc "View dagroupinc's Profile") Replied by *[dagroupinc](/forum/user/57629-dagroupinc "View dagroupinc's Profile")* on topic *[Center product and product name ion landing page](/forum/26-product-category-display/902302-center-product-and-product-name-ion-landing-page#331426 "-- HikaShop version -- : 4.4.1 -- Joomla version -- : 3.9.25 -- PHP version -- : 7.3 -- Error-message(debug-mod must be tuned on) -- : None I've been struggling to center the product name under the product images on our landing page. Under Product Options, Text centered setting is set to Yes. Doesn't appear to be an issue on the Category pages. Any thoughts on how to resolve this?")* I was able to fix most of the problem in CSS however I still see a little offset with the photos (see attached). It's so slight I won't worry about it but would like your insight on how to fix it so I can prevent it in the future. Thanks! - [ ![ScreenShot2021-04-01at9.24.02AM.png](/forum/attachment/52423) ](/forum/attachment/52423 "...t9.24.02AM.png") [ ](/forum/attachment/52423?download=1 "...t9.24.02AM.png") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDIzMDItY2VudGVyLXByb2R1Y3QtYW5kLXByb2R1Y3QtbmFtZS1pb24tbGFuZGluZy1wYWdlP3RtcGw9bWFya2Rvd24=) 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?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86540 - Thank you received: 14300 - - 5 years 7 months ago [\#331427](#331427) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Center product and product name ion landing page](/forum/26-product-category-display/902302-center-product-and-product-name-ion-landing-page#331427 "-- HikaShop version -- : 4.4.1 -- Joomla version -- : 3.9.25 -- PHP version -- : 7.3 -- Error-message(debug-mod must be tuned on) -- : None I've been struggling to center the product name under the product images on our landing page. Under Product Options, Text centered setting is set to Yes. Doesn't appear to be an issue on the Category pages. Any thoughts on how to resolve this?")* Hi, If you look at the size of the different HTML elements, you can see this: [ i.imgur.com/VogD23l.png](https://i.imgur.com/VogD23l.png) The width of each product box is 158.5 px due to the constraints on the listing of the products: number of columns, margins, left sidebar, etc. However, you've configured the thumbnails to have a width of 165 px which is greater that the width of the box. So your thumbnail goes outside of the div of the product box while the product name is centered on that div. Solutions are numerous here: - reduce the number of columns - change your template to allocate less width to the sidebar and more to the central area - reduce the margins - reduce the thumbnails size - a combination of some of these Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDIzMDItY2VudGVyLXByb2R1Y3QtYW5kLXByb2R1Y3QtbmFtZS1pb24tbGFuZGluZy1wYWdlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[dagroupinc](/forum/user/57629-dagroupinc "View dagroupinc's Profile")** - [![dagroupinc's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar57629.jpg)](/forum/user/57629-dagroupinc "View dagroupinc's Profile") Topic Author - [ Offline](/forum/user/57629-dagroupinc) Less More - Posts: 109 - Thank you received: 1 - - 5 years 7 months ago [\#331571](#331571) by [dagroupinc](/forum/user/57629-dagroupinc "View dagroupinc's Profile") Replied by *[dagroupinc](/forum/user/57629-dagroupinc "View dagroupinc's Profile")* on topic *[Center product and product name ion landing page](/forum/26-product-category-display/902302-center-product-and-product-name-ion-landing-page#331571 "-- HikaShop version -- : 4.4.1 -- Joomla version -- : 3.9.25 -- PHP version -- : 7.3 -- Error-message(debug-mod must be tuned on) -- : None I've been struggling to center the product name under the product images on our landing page. Under Product Options, Text centered setting is set to Yes. Doesn't appear to be an issue on the Category pages. Any thoughts on how to resolve this?")* That makes sense and fixed the issue. I didn't think of the template size/width constraint. Is there an option to automatically scale a product or category image to fit the template constraints? Thanks again! Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDIzMDItY2VudGVyLXByb2R1Y3QtYW5kLXByb2R1Y3QtbmFtZS1pb24tbGFuZGluZy1wYWdlP3RtcGw9bWFya2Rvd24=) 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?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86540 - Thank you received: 14300 - - 5 years 7 months ago [\#331577](#331577) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Center product and product name ion landing page](/forum/26-product-category-display/902302-center-product-and-product-name-ion-landing-page#331577 "-- HikaShop version -- : 4.4.1 -- Joomla version -- : 3.9.25 -- PHP version -- : 7.3 -- Error-message(debug-mod must be tuned on) -- : None I've been struggling to center the product name under the product images on our landing page. Under Product Options, Text centered setting is set to Yes. Doesn't appear to be an issue on the Category pages. Any thoughts on how to resolve this?")* Hi, Well, you could add a CSS command to change the width to 100% on the thumbnails. However, the goal of generating thumbnails is so that your website can provide the image with the exact size so that the download time of the thumbnail for the display of the page as well as the quality of the thumbnail are optimized. The CSS command will only help if it's a "tight fit". But in that case, it might be worth considering optimizing the template or other elements so that there is enough space in the first place. Also, letting the browser adapt the width of the thumbnails dynamically can also cause resizing artefact on the thumbnails, especially if the browser has to upscale the size, so it's not a perfect solution. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDIzMDItY2VudGVyLXByb2R1Y3QtYW5kLXByb2R1Y3QtbmFtZS1pb24tbGFuZGluZy1wYWdlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[dagroupinc](/forum/user/57629-dagroupinc "View dagroupinc's Profile")** - [![dagroupinc's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar57629.jpg)](/forum/user/57629-dagroupinc "View dagroupinc's Profile") Topic Author - [ Offline](/forum/user/57629-dagroupinc) Less More - Posts: 109 - Thank you received: 1 - - 5 years 7 months ago [\#331600](#331600) by [dagroupinc](/forum/user/57629-dagroupinc "View dagroupinc's Profile") Replied by *[dagroupinc](/forum/user/57629-dagroupinc "View dagroupinc's Profile")* on topic *[Center product and product name ion landing page](/forum/26-product-category-display/902302-center-product-and-product-name-ion-landing-page#331600 "-- HikaShop version -- : 4.4.1 -- Joomla version -- : 3.9.25 -- PHP version -- : 7.3 -- Error-message(debug-mod must be tuned on) -- : None I've been struggling to center the product name under the product images on our landing page. Under Product Options, Text centered setting is set to Yes. Doesn't appear to be an issue on the Category pages. Any thoughts on how to resolve this?")* Do you have any documentation on how Hikashop handles the uploading of images and generating thumbnails? In some other systems I work with I can configure the size of the various thumbnails. Thanks! Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDIzMDItY2VudGVyLXByb2R1Y3QtYW5kLXByb2R1Y3QtbmFtZS1pb24tbGFuZGluZy1wYWdlP3RtcGw9bWFya2Rvd24=) 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?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86540 - Thank you received: 14300 - - 5 years 7 months ago [\#331601](#331601) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Center product and product name ion landing page](/forum/26-product-category-display/902302-center-product-and-product-name-ion-landing-page#331601 "-- HikaShop version -- : 4.4.1 -- Joomla version -- : 3.9.25 -- PHP version -- : 7.3 -- Error-message(debug-mod must be tuned on) -- : None I've been struggling to center the product name under the product images on our landing page. Under Product Options, Text centered setting is set to Yes. Doesn't appear to be an issue on the Category pages. Any thoughts on how to resolve this?")* Hi, In HikaShop too. In the HikaShop configuration, under the "Main" tab, you have an "Images" section with several settings for the size of the thumbnails. Then, in each menu item and HikaShop content module configured to display a listing of products, you'll see an option to override these settings and have a specific size of thumbnails. Then, HikaShop generates dynamically the thumbnails if needed based on these settings and store them in the images/com_hikashop/upload/thumbnails/ sub folders. And if you delete that folder, HikaShop will automatically recreate the thumbnails little by little as they are needed for the different pages of the website. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDIzMDItY2VudGVyLXByb2R1Y3QtYW5kLXByb2R1Y3QtbmFtZS1pb24tbGFuZGluZy1wYWdlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[dagroupinc](/forum/user/57629-dagroupinc "View dagroupinc's Profile")** - [![dagroupinc's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar57629.jpg)](/forum/user/57629-dagroupinc "View dagroupinc's Profile") Topic Author - [ Offline](/forum/user/57629-dagroupinc) Less More - Posts: 109 - Thank you received: 1 - - 5 years 6 months ago [\#332250](#332250) by [dagroupinc](/forum/user/57629-dagroupinc "View dagroupinc's Profile") Replied by *[dagroupinc](/forum/user/57629-dagroupinc "View dagroupinc's Profile")* on topic *[Center product and product name ion landing page](/forum/26-product-category-display/902302-center-product-and-product-name-ion-landing-page#332250 "-- HikaShop version -- : 4.4.1 -- Joomla version -- : 3.9.25 -- PHP version -- : 7.3 -- Error-message(debug-mod must be tuned on) -- : None I've been struggling to center the product name under the product images on our landing page. Under Product Options, Text centered setting is set to Yes. Doesn't appear to be an issue on the Category pages. Any thoughts on how to resolve this?")* thank you! Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDIzMDItY2VudGVyLXByb2R1Y3QtYW5kLXByb2R1Y3QtbmFtZS1pb24tbGFuZGluZy1wYWdlP3RtcGw9bWFya2Rvd24=) 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.062 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)