Support » Plugin: WP Intro.JS Plugin » Menu Item not shown

  • Resolved zazorg

    (@zazorg)


    Hello,
    Trying to add a step to a menu item, but the content of the menu item is not shown, it does select the Element ID of the menu item in a frame and the step is shown. But the content (the text of the menu item) is not shown. Have tried to change z-values but nothing will make the actual text in menu item visable. Do you have any suggestions on what could be causing this or a workaround?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author cfuze

    (@cfuze)

    I presume you are having an issue like: https://stackoverflow.com/questions/15967289/intro-js-highlighted-area-doesnt-work-as-expected

    If so, this CSS has worked for me in the past:

    .introjs-helperLayer {
        background: transparent !important;
        /*background-color: rgba(255,255,255,.2) !important; */
    }
    
    .introjs-overlay {
        opacity: 0 !important;
        z-index: 99999999!important;
        mix-blend-mode: overlay !important;
    }
    
    .introjs-helperLayer:before {
        opacity: 0;
        content: '';
        position: absolute;
        width: inherit;
        height: inherit;
        border-radius: 0.5em;
        border: .2em solid rgba(0, 0, 0, 0.8);
        box-shadow: 0 0 0 1000em rgba(0,0,0, .7);
        opacity: 1;
    }
    
    .introjs-helperLayer:after {
        content: '';
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        position: absolute;
        z-index: 1000;
    }
    Thread Starter zazorg

    (@zazorg)

    Many thanks for the quick support! Worked like a charm!
    5/5 stars đŸ™‚

    Plugin Author cfuze

    (@cfuze)

    Thank you and glad that got you working!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Menu Item not shown’ is closed to new replies.