Home › Forums › Space themes support forum › How to make product carousel arrows always visible?

How to make product carousel arrows always visible?

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 11, 2023 at 2:20 pm #458901

    spletster
    Participant

    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.

    April 11, 2023 at 4:01 pm #458925

    Luke Nielsen
    Keymaster

    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

    April 11, 2023 at 4:22 pm #458929

    spletster
    Participant

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

    April 12, 2023 at 9:24 am #459090

    Luke Nielsen
    Keymaster

    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

    April 12, 2023 at 9:36 pm #459283

    spletster
    Participant

    This is what we need it.
    Thanks!

    April 13, 2023 at 10:36 am #459373

    Luke Nielsen
    Keymaster

    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
Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘How to make product carousel arrows always visible?’ is closed to new replies.