[Skip to main content](#vessel-content) # Align child images under main image ## - **[Robby](/forum/user/33621-robby "View Robby's Profile")** - [![Robby's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/33621-robby "View Robby's Profile") Topic Author - [ Offline](/forum/user/33621-robby) Less More - Posts: 39 - Thank you received: 4 - - 6 years 3 months ago [\#321511](#321511) by [Robby](/forum/user/33621-robby "View Robby's Profile") *[Align child images under main image](/forum/26-product-category-display/900312-align-child-images-under-main-image#321511 "-- HikaShop version -- : 4.3.0 -- Joomla version -- : 3.9.19 -- PHP version -- : 7.4 -- Browser(s) name and version -- : various -- Error-message(debug-mod must be tuned on) -- : none Hi, Tried to align the images under the main image in the product I shared. With CSS i can change the width, but I cannot get the images to display properly under the main image. What am I missing? See attachments 'current situation' and ' desired situation'")* was created by *[Robby](/forum/user/33621-robby "View Robby's Profile")* -- HikaShop version -- : 4.3.0 -- Joomla version -- : 3.9.19 -- PHP version -- : 7.4 -- Browser(s) name and version -- : various -- Error-message(debug-mod must be tuned on) -- : none Hi, Tried to align the images under the main image in the product I shared. With CSS i can change the width, but I cannot get the images to display properly under the main image. What am I missing? See attachments 'current situation' and ' desired situation' - [ ![CurrentSituation.jpg](/forum/attachment/49923) ](/forum/attachment/49923 "...tSituation.jpg") [ ](/forum/attachment/49923?download=1 "...tSituation.jpg") - [ ![DesiredSituation.jpg](/forum/attachment/49924) ](/forum/attachment/49924 "...dSituation.jpg") [ ](/forum/attachment/49924?download=1 "...dSituation.jpg") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDAzMTItYWxpZ24tY2hpbGQtaW1hZ2VzLXVuZGVyLW1haW4taW1hZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Philip](/forum/user/34318-philip "View Philip's Profile")** - [![Philip's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar34318_2015-11-18-2.png)](/forum/user/34318-philip "View Philip's Profile") - [ Offline](/forum/user/34318-philip) Less More - Posts: 4820 - Thank you received: 654 - - 6 years 3 months ago - 6 years 3 months ago [\#321520](#321520) by [Philip](/forum/user/34318-philip "View Philip's Profile") Replied by *[Philip](/forum/user/34318-philip "View Philip's Profile")* on topic *[Align child images under main image](/forum/26-product-category-display/900312-align-child-images-under-main-image#321520 "-- HikaShop version -- : 4.3.0 -- Joomla version -- : 3.9.19 -- PHP version -- : 7.4 -- Browser(s) name and version -- : various -- Error-message(debug-mod must be tuned on) -- : none Hi, Tried to align the images under the main image in the product I shared. With CSS i can change the width, but I cannot get the images to display properly under the main image. What am I missing? See attachments 'current situation' and ' desired situation'")* Hello, Without the **url link** we can just make a guess, but here, there is a good chance that it's a display command question. Let's explain myself through example : ***// Html code :***Code: <span class="example">1</span> span class="example">2</span> span class="example">3</span> ***// CSS command***Code: span.example { display : inline; } Result : 1 2 3 ***// Html code :***Code: <span class="example">1</span> span class="example">2</span> span class="example">3</span> ***// CSS command***Code: span.example { display : block; } Result : 1 2 3 The display in block will give to your element the property to take **100% of the possible width**. So, switch display: **block**; for **inline** or if needed **inline-block**, the latter is a fact a compromise of the **2** states. Regards Last edit: 6 years 3 months ago by [Philip](/forum/user/34318-philip "View Philip's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDAzMTItYWxpZ24tY2hpbGQtaW1hZ2VzLXVuZGVyLW1haW4taW1hZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Robby](/forum/user/33621-robby "View Robby's Profile")** - [![Robby's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/33621-robby "View Robby's Profile") Topic Author - [ Offline](/forum/user/33621-robby) Less More - Posts: 39 - Thank you received: 4 - - 6 years 3 months ago [\#321555](#321555) by [Robby](/forum/user/33621-robby "View Robby's Profile") Replied by *[Robby](/forum/user/33621-robby "View Robby's Profile")* on topic *[Align child images under main image](/forum/26-product-category-display/900312-align-child-images-under-main-image#321555 "-- HikaShop version -- : 4.3.0 -- Joomla version -- : 3.9.19 -- PHP version -- : 7.4 -- Browser(s) name and version -- : various -- Error-message(debug-mod must be tuned on) -- : none Hi, Tried to align the images under the main image in the product I shared. With CSS i can change the width, but I cannot get the images to display properly under the main image. What am I missing? See attachments 'current situation' and ' desired situation'")* Oh lol I was in the underestimation you could see the hidden urls: [ kaldiboz.nl/shop/machines/jura-voor-thuis/jura-a1](https://kaldiboz.nl/shop/machines/jura-voor-thuis/jura-a1) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDAzMTItYWxpZ24tY2hpbGQtaW1hZ2VzLXVuZGVyLW1haW4taW1hZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Philip](/forum/user/34318-philip "View Philip's Profile")** - [![Philip's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar34318_2015-11-18-2.png)](/forum/user/34318-philip "View Philip's Profile") - [ Offline](/forum/user/34318-philip) Less More - Posts: 4820 - Thank you received: 654 - - 6 years 3 months ago - 6 years 3 months ago [\#321556](#321556) by [Philip](/forum/user/34318-philip "View Philip's Profile") Replied by *[Philip](/forum/user/34318-philip "View Philip's Profile")* on topic *[Align child images under main image](/forum/26-product-category-display/900312-align-child-images-under-main-image#321556 "-- HikaShop version -- : 4.3.0 -- Joomla version -- : 3.9.19 -- PHP version -- : 7.4 -- Browser(s) name and version -- : various -- Error-message(debug-mod must be tuned on) -- : none Hi, Tried to align the images under the main image in the product I shared. With CSS i can change the width, but I cannot get the images to display properly under the main image. What am I missing? See attachments 'current situation' and ' desired situation'")* Hello, Thanks for your Url, this will allow to verify my theory, your **frontend template around line 56** you can see this : Code: img { display: block; max-width: 100%; height: auto; } The most efficient will be to add your **own Css command** for define this images only in display inline. **Note :** Have a look on [ **this tutorial**](https://www.hikashop.com/support/documentation/272-hikashop-display-by-color.html#custom) to learn how to proceed. In details, to be sure to create a good custom css command just **for the required context**, built a good selector following this scheme : **.page\_html\_class .context\_html\_class img** { display: inline; } A good selector like this have **2** advantages, it limits his action **where** you need it, and it increase your custom css **priority**. Hope this will help you to achieved what you needs. Regards Last edit: 6 years 3 months ago by [Philip](/forum/user/34318-philip "View Philip's Profile"). The following user(s) said Thank You: [Robby](/forum/user/33621-robby "View Robby's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDAzMTItYWxpZ24tY2hpbGQtaW1hZ2VzLXVuZGVyLW1haW4taW1hZ2U/dG1wbD1tYXJrZG93bg==) 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.232 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)