[Skip to main content](#vessel-content) # Align Image in product list ## - **[jcmattos](/forum/user/8205-jcmattos "View jcmattos's Profile")** - [![jcmattos's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar8205.jpg)](/forum/user/8205-jcmattos "View jcmattos's Profile") Topic Author - [ Offline](/forum/user/8205-jcmattos) Less More - Posts: 10 - Thank you received: 0 - - - 14 years 2 months ago [\#59537](#59537) by [jcmattos](/forum/user/8205-jcmattos "View jcmattos's Profile") *[Align Image in product list](/forum/2-general-talk-about-hikashop/59537-align-image-in-product-list#59537 "How can I align the product list image always left side? And, can I use an autotune the template for different devices? That is, for the desktop: 4 products; for the ipad: 3 products; for the iphone just two products. Automatically.")* was created by *[jcmattos](/forum/user/8205-jcmattos "View jcmattos's Profile")* How can I align the product list image always left side? [ ![capture1.png](/forum/attachment/5031) ](/forum/attachment/5031 "capture1.png") And, can I use an autotune the template for different devices? That is, for the desktop: 4 products; for the ipad: 3 products; for the iphone just two products. Automatically. - [ ![capture1.png](/forum/attachment/5031) ](/forum/attachment/5031 "capture1.png") [ ](/forum/attachment/5031?download=1 "capture1.png") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzU5NTM3LWFsaWduLWltYWdlLWluLXByb2R1Y3QtbGlzdD90bXBsPW1hcmtkb3du) 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") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86292 - Thank you received: 14271 - - 14 years 2 months ago [\#59579](#59579) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Align Image in product list](/forum/2-general-talk-about-hikashop/59537-align-image-in-product-list#59579 "How can I align the product list image always left side? And, can I use an autotune the template for different devices? That is, for the desktop: 4 products; for the ipad: 3 products; for the iphone just two products. Automatically.")* You can add the CSS below in the front end CSS file of HikaShop via the Display tab of the configuration: .hikashop_product_image{ margin: 0px !important; } Autotune is called normally "responsive design". We're working on that for a future release before the end of the year. Until then, that's not possible. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzU5NTM3LWFsaWduLWltYWdlLWluLXByb2R1Y3QtbGlzdD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[jcmattos](/forum/user/8205-jcmattos "View jcmattos's Profile")** - [![jcmattos's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar8205.jpg)](/forum/user/8205-jcmattos "View jcmattos's Profile") Topic Author - [ Offline](/forum/user/8205-jcmattos) Less More - Posts: 10 - Thank you received: 0 - - - 14 years 2 months ago [\#59655](#59655) by [jcmattos](/forum/user/8205-jcmattos "View jcmattos's Profile") Replied by *[jcmattos](/forum/user/8205-jcmattos "View jcmattos's Profile")* on topic *[Re: Align Image in product list](/forum/2-general-talk-about-hikashop/59537-align-image-in-product-list#59655 "How can I align the product list image always left side? And, can I use an autotune the template for different devices? That is, for the desktop: 4 products; for the ipad: 3 products; for the iphone just two products. Automatically.")* How to align at top, the image and product description? [ ![print2.png](/forum/attachment/5050) ](/forum/attachment/5050 "print2.png") [ ![print3.png](/forum/attachment/5051) ](/forum/attachment/5051 "print3.png") - [ ![print2.png](/forum/attachment/5050) ](/forum/attachment/5050 "print2.png") [ ](/forum/attachment/5050?download=1 "print2.png") - [ ![print3.png](/forum/attachment/5051) ](/forum/attachment/5051 "print3.png") [ ](/forum/attachment/5051?download=1 "print3.png") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzU5NTM3LWFsaWduLWltYWdlLWluLXByb2R1Y3QtbGlzdD90bXBsPW1hcmtkb3du) 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") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86292 - Thank you received: 14271 - - 14 years 2 months ago [\#59723](#59723) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Align Image in product list](/forum/2-general-talk-about-hikashop/59537-align-image-in-product-list#59723 "How can I align the product list image always left side? And, can I use an autotune the template for different devices? That is, for the desktop: 4 products; for the ipad: 3 products; for the iphone just two products. Automatically.")* I can see that you already modified the HTML of that page. And The first problem does not happen. For the second one, you will have to change your line: <td style="width:70%;"> to: <td style="width:70%;vertical-align: top;padding-top: 15px;"> Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzU5NTM3LWFsaWduLWltYWdlLWluLXByb2R1Y3QtbGlzdD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[ladytixo](/forum/user/27004-ladytixo "View ladytixo's Profile")** - [![ladytixo's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/27004-ladytixo "View ladytixo's Profile") - [ Offline](/forum/user/27004-ladytixo) Less More - Posts: 6 - Thank you received: 0 - - 13 years 2 months ago [\#119954](#119954) by [ladytixo](/forum/user/27004-ladytixo "View ladytixo's Profile") Replied by *[ladytixo](/forum/user/27004-ladytixo "View ladytixo's Profile")* on topic *[Align Image in product list](/forum/2-general-talk-about-hikashop/59537-align-image-in-product-list#119954 "How can I align the product list image always left side? And, can I use an autotune the template for different devices? That is, for the desktop: 4 products; for the ipad: 3 products; for the iphone just two products. Automatically.")* Hi ![:)](/media/kunena/emoticons/8.png ":)") i have try to align product's image but now in all modules it is all in left position :evil: , please can you help me to fix the image in center position in all modules? - [ ![h3f7ac66.jpg](/forum/attachment/11842) ](/forum/attachment/11842 "h3f7ac66.jpg") [ ](/forum/attachment/11842?download=1 "h3f7ac66.jpg") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzU5NTM3LWFsaWduLWltYWdlLWluLXByb2R1Y3QtbGlzdD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Eliot](/forum/user/1824-eliot "View Eliot's Profile")** - [![Eliot's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar1824.png)](/forum/user/1824-eliot "View Eliot's Profile") - [ Offline](/forum/user/1824-eliot) Less More - Posts: 2334 - Thank you received: 403 - - 13 years 2 months ago [\#119969](#119969) by [Eliot](/forum/user/1824-eliot "View Eliot's Profile") Replied by *[Eliot](/forum/user/1824-eliot "View Eliot's Profile")* on topic *[Align Image in product list](/forum/2-general-talk-about-hikashop/59537-align-image-in-product-list#119969 "How can I align the product list image always left side? And, can I use an autotune the template for different devices? That is, for the desktop: 4 products; for the ipad: 3 products; for the iphone just two products. Automatically.")* Your css rule have to be applied on a specific class or id. Take a look at the documentation so you'll be able to find the class name and apply your css only on specific elements: [ www.hikashop.com/support/faq.html#styl](http://www.hikashop.com/support/faq.html#styl) If you really can figure what's going wrong, you should give us a link to your page and the css you added ![:)](/media/kunena/emoticons/8.png ":)"). The following user(s) said Thank You: [ladytixo](/forum/user/27004-ladytixo "View ladytixo's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzU5NTM3LWFsaWduLWltYWdlLWluLXByb2R1Y3QtbGlzdD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[boogie](/forum/user/31858-boogie "View boogie's Profile")** - [![boogie's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/31858-boogie "View boogie's Profile") - [ Offline](/forum/user/31858-boogie) Less More - Posts: 11 - Thank you received: 0 - - 11 years 11 months ago [\#178073](#178073) by [boogie](/forum/user/31858-boogie "View boogie's Profile") Replied by *[boogie](/forum/user/31858-boogie "View boogie's Profile")* on topic *[Align Image in product list](/forum/2-general-talk-about-hikashop/59537-align-image-in-product-list#178073 "How can I align the product list image always left side? And, can I use an autotune the template for different devices? That is, for the desktop: 4 products; for the ipad: 3 products; for the iphone just two products. Automatically.")* Hi,I also have a little problem, I invite you to visit: http: //trongonesport.com/ and navigate pages list product, please note that items are not perfectly aligned. how can I fix it? thanks so much Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzU5NTM3LWFsaWduLWltYWdlLWluLXByb2R1Y3QtbGlzdD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Xavier](/forum/user/4105-xavier "View Xavier's Profile")** - [![Xavier's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar4105.png)](/forum/user/4105-xavier "View Xavier's Profile") - [ Offline](/forum/user/4105-xavier) Less More - Posts: 13201 - Thank you received: 2322 - - - - [](http://www.kidiweb.fr) - 11 years 11 months ago [\#178078](#178078) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Align Image in product list](/forum/2-general-talk-about-hikashop/59537-align-image-in-product-list#178078 "How can I align the product list image always left side? And, can I use an autotune the template for different devices? That is, for the desktop: 4 products; for the ipad: 3 products; for the iphone just two products. Automatically.")* Hi, That's because you have selected a listing in list, so the lists are using html "ul li" tags which don't allow to align correctly. You have to select a lising in div in the options of your menu/module. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzU5NTM3LWFsaWduLWltYWdlLWluLXByb2R1Y3QtbGlzdD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[boogie](/forum/user/31858-boogie "View boogie's Profile")** - [![boogie's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/31858-boogie "View boogie's Profile") - [ Offline](/forum/user/31858-boogie) Less More - Posts: 11 - Thank you received: 0 - - 11 years 11 months ago [\#178241](#178241) by [boogie](/forum/user/31858-boogie "View boogie's Profile") Replied by *[boogie](/forum/user/31858-boogie "View boogie's Profile")* on topic *[Align Image in product list](/forum/2-general-talk-about-hikashop/59537-align-image-in-product-list#178241 "How can I align the product list image always left side? And, can I use an autotune the template for different devices? That is, for the desktop: 4 products; for the ipad: 3 products; for the iphone just two products. Automatically.")* hello, thank you for the answer, but I did not understand how I can fix. thanks again for the availability by. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzU5NTM3LWFsaWduLWltYWdlLWluLXByb2R1Y3QtbGlzdD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Xavier](/forum/user/4105-xavier "View Xavier's Profile")** - [![Xavier's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar4105.png)](/forum/user/4105-xavier "View Xavier's Profile") - [ Offline](/forum/user/4105-xavier) Less More - Posts: 13201 - Thank you received: 2322 - - - - [](http://www.kidiweb.fr) - 11 years 11 months ago [\#178244](#178244) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Align Image in product list](/forum/2-general-talk-about-hikashop/59537-align-image-in-product-list#178244 "How can I align the product list image always left side? And, can I use an autotune the template for different devices? That is, for the desktop: 4 products; for the ipad: 3 products; for the iphone just two products. Automatically.")* Hi, In the options of your menu or module displaying the product listing via the menu HikaShop > Display > Content menus/modules, you have to set the option "Type of layout" to "div" this way it will be displayed in divs, and be aligned. The following user(s) said Thank You: [boogie](/forum/user/31858-boogie "View boogie's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzU5NTM3LWFsaWduLWltYWdlLWluLXByb2R1Y3QtbGlzdD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[boogie](/forum/user/31858-boogie "View boogie's Profile")** - [![boogie's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/31858-boogie "View boogie's Profile") - [ Offline](/forum/user/31858-boogie) Less More - Posts: 11 - Thank you received: 0 - - 11 years 11 months ago - 11 years 11 months ago [\#178398](#178398) by [boogie](/forum/user/31858-boogie "View boogie's Profile") Replied by *[boogie](/forum/user/31858-boogie "View boogie's Profile")* on topic *[Align Image in product list](/forum/2-general-talk-about-hikashop/59537-align-image-in-product-list#178398 "How can I align the product list image always left side? And, can I use an autotune the template for different devices? That is, for the desktop: 4 products; for the ipad: 3 products; for the iphone just two products. Automatically.")* Hi,you mean this screen? - [ ![TrongoneSport_com___Amministrazione___Menu.png](/forum/attachment/20520) ](/forum/attachment/20520 "...one___Menu.png") [ ](/forum/attachment/20520?download=1 "...one___Menu.png") Last edit: 11 years 11 months ago by [boogie](/forum/user/31858-boogie "View boogie's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzU5NTM3LWFsaWduLWltYWdlLWluLXByb2R1Y3QtbGlzdD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Jerome](/forum/user/80-jerome "View Jerome's Profile")** - [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile") - [ Offline](/forum/user/80-jerome) - HikaShop core developer Less More - Posts: 26394 - Thank you received: 4078 - - [](http://obsi.dev) - 11 years 11 months ago [\#178399](#178399) by [Jerome](/forum/user/80-jerome "View Jerome's Profile") Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Align Image in product list](/forum/2-general-talk-about-hikashop/59537-align-image-in-product-list#178399 "How can I align the product list image always left side? And, can I use an autotune the template for different devices? That is, for the desktop: 4 products; for the ipad: 3 products; for the iphone just two products. Automatically.")* Hi, Yes, this one. But your problem is not link to that. Your product names are too long and they are not "break", so it make the block wider. You can use such css rule Code: span.hikashop_product_name { text-align: center; display: block; margin-bottom: 5px; word-wrap: break-word; max-width: 190px; } It should help you. Regards, --- Jerome - Obsidev.com HikaMarket & HikaSerial developer / HikaShop core dev team. The following user(s) said Thank You: [boogie](/forum/user/31858-boogie "View boogie's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzU5NTM3LWFsaWduLWltYWdlLWluLXByb2R1Y3QtbGlzdD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[boogie](/forum/user/31858-boogie "View boogie's Profile")** - [![boogie's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/31858-boogie "View boogie's Profile") - [ Offline](/forum/user/31858-boogie) Less More - Posts: 11 - Thank you received: 0 - - 11 years 11 months ago [\#178536](#178536) by [boogie](/forum/user/31858-boogie "View boogie's Profile") Replied by *[boogie](/forum/user/31858-boogie "View boogie's Profile")* on topic *[Align Image in product list](/forum/2-general-talk-about-hikashop/59537-align-image-in-product-list#178536 "How can I align the product list image always left side? And, can I use an autotune the template for different devices? That is, for the desktop: 4 products; for the ipad: 3 products; for the iphone just two products. Automatically.")* Hi, thanks for the help, now it works. thanks so much Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzU5NTM3LWFsaWduLWltYWdlLWluLXByb2R1Y3QtbGlzdD90bXBsPW1hcmtkb3du) 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.447 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)