Hello,
We can suggest to use some custom css in order to correct your display issue, Documentation to learn how to add custom css to your frontend file,
here
.
Step by step :
- "fade" (fondu in french) => image title overlapping issue
This display option is necessarily limited by the size of the product names (which will vary depending on template) and therefore having a consistently clear result is not easy (or even impossible).
But we can help you guide to dress this, maybe you can use css command :
span.hikashop_product_name {
background-color: #003C6C !important
}
- "slide" (glissement in french) => padding issue
This is more a css display issue than a carousel settings, maybe just a custom css command can help you :
.hikashop_product_listing_85 .hikashop_product_image_subdiv {
width: 90% !important;
}
where "
hikashop_product_listing_85" is to restrict your command to the required context.
- navigation thumbnails is cutted
There, a bit like before there are limits to the coherence of the display, here you have a lot of thumbnails to display, while the body of your website is limited in width.
So once again, there are possibilities to adjust, but it remains limited, or you have to completely widen the body...
But you can already add this command :
.hikashop_product_listing_59 #hikashop_carousel_thumbs_hikashop_category_information_module_ .swiper-wrapper {
left: 0;
right: 0;
}
Regards