Align child images under main image

-- 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 :
// CSS command Result :
1 2 3

// Html code :
// CSS command 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

Oh lol I was in the underestimation you could see the hidden urls:
kaldiboz.nl/shop/machines/jura-voor-thuis/jura-a1

Hello,

Thanks for your Url, this will allow to verify my theory, your frontend template around line 56 you can see this : 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 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