How to make product carousel arrows always visible?

Hi

I would like to keep product carousel arrows always visable.
Can you provide any (CSS) code snippet to do it?

I’m using Tethys theme.

Hello,

At the moment, the arrows are visible: https://prnt.sc/kZCsFss88npU

If I missed something, please send me a screenshot of the carousel that has hidden arrows.

Kind Regards

Yes, but I would like to have them visable in “Sides” mode, like now is set in Testimonial section “Mnenja naših kupcev”.

Hello,

First of all, set the “Sides” style for them: https://monosnap.com/file/PJ1iPmCIQWFPeSOfkTceshnvsFQDez , and then paste the below code into the “Desktop CSS” area in Theme Settings -> Custom CSS.

.xts-arrows-design-default.xts-arrows-vpos-sides .xts-arrow-inner {
    opacity: 1;
    visibility: visible;
    transform: none;
}

Kind Regards

This is what we need it.
Thanks!

Hello,

You are welcome!

If there’s anything you need, please write me or another member of our help desk team.

We’re here for you!

Kind Regards

[Author]

Posts