Okay
  Public Ticket #3487516
Cursor on Nectar Slider
Closed

Comments

  •  4
    elsenmedia started the conversation

    Hi ThemeNectar Team!

    We want to change the on hover cursor of the nectar slider and home slider from a hand to a default pointer / arrow. How is this possible?

    Thank you very much in advance!

    Mario

  •  8,939
    Tahir replied

    Hey Again,

    Please provide the page URL so we can write up what's possible.

    Thanks.


    ThemeNectar Support Team 

  •   elsenmedia replied privately
  •  1,921
    Judith replied

    Hi there,

    Please try this CSS:

    .nectar-slider-wrap[data-fullscreen="true"] .swiper-container, .nectar-slider-wrap[data-fullscreen="true"] .swiper-slide, .nectar-slider-wrap[data-fullscreen="true"] .swiper-wrapper {
        cursor: pointer !important;
    }

    Thanks.

  •  4
    elsenmedia replied

    Hi Judith,

    thanks for the reply. Unfortunately this doesn't work as expected. If i add this under general > css, the hover animation of the cursor stays as a "hand". 

    KR Mario

  •  1,921
    Judith replied

    Hi Mario,

    Thanks for writing back.

    I see the pointer working on my end as shown here :https://drive.google.com/file/d/1Ei3tQNzE35k5Ribmw06lhzIR1FyeiKtR/view?usp=sharing.

    Please try hard reloading by pressing CTRL+SHIFT+R then check again.

    Thanks.


  •  4
    elsenmedia replied

    Hi Judith,

    i already pruned cache and tried on different browsers (macOS), the hand is just displaying. The problem is not, that there is no pointer - the problem is, that the pointer is displayed as a "Hand" and not as a arrow / default pointer (e.g. which you see when you hover on the 4 images or other elements).

    KR

    Mario


  •  8,939
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .nectar-slider-wrap[data-fullscreen="true"] .swiper-container, .nectar-slider-wrap[data-fullscreen="true"] .swiper-container * {
        cursor: auto !important;
    }

    Thanks


    ThemeNectar Support Team 

  •  4
    elsenmedia replied

    Hi Tahir,

    that works! Thank you very much!

    KR

    Mario