if there are more images than 4 - the first one is the visible one until not more are "slidable" - but when there are not more than 4 images or there are no more to slide you have a "small lighting" effect on picture change:
Of course I have read your reply as this is not an automated reply, I did not understand what you meant with the "css change / update" to guide users, so I thought you wanted a guide on how to add CSS to your site.
i will write a detailed report of the behavior with screenshots - perhaps than it is more clear. I think we are talking / writing of different behaviors.
Hello,
when more than one product image is assigned, your really nice layout and changing "action" works great on product single page.
But it's hard to recognize which image is "active". On image change its seems that there is a "active" / "non-active" effect - but its not "perfect".
With which css snippet would it be possible to:
- active image = normal view / non active image = more transparent
OR
- active image = border around / non active image = no border
I need only a good hint for that.
Regards André
Hi André,
The old credentials are not working, can you please provide the new ones so we can login and check your site.
Best regards,
Laborator Team
Hello Art,
actually we are on a developing state where a login would not be useful - because the effect is visible in your demo too:
https://demo.kaliumtheme.com/automotive/product/mini-countryman/
if there are more images than 4 - the first one is the visible one until not more are "slidable" - but when there are not more than 4 images or there are no more to slide you have a "small lighting" effect on picture change:
https://demo.kaliumtheme.com/fashion/product/levis-denim/?shop-single-image-layout=default
I only want to have a border on the actual image or perhaps to blur the actual one a little bit.
Do you understand what I mean?
Regards André
Hi Andre,
Add this CSS to Custom CSS:
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .thumbnails .woocommerce-product-gallery__image a { opacity: .3; }Best regards,
Laborator Team
Hello Art,
thank you - I will try with your css code hint at weekend - I think it would be a nice solution to guide the user with this "css change / update".
Regards André
I am waiting for a information - for this page we need only a hint.
Hi there,
There is an article in our theme documentation about adding custom CSS to your site, here you can find out more about it.
Best regards,
Laborator Team
what about the CSS editor? its not the solution for the problem? have you read my text?
Hi again,
Of course I have read your reply as this is not an automated reply, I did not understand what you meant with the "css change / update" to guide users, so I thought you wanted a guide on how to add CSS to your site.
Best regards,
Laborator Team
i will write a detailed report of the behavior with screenshots - perhaps than it is more clear. I think we are talking / writing of different behaviors.
Regards Andre
That would be better to have a detailed explanation of your issue.
Best regards,
Laborator Team