• Resolved scottnsf

    (@scottnsf)


    Great slider but I’m having an odd problem. There is a small box, 15px or so that appears over the “Next” button when hovering over the area. I commented out the button image and it still appears and I can’t find source of it in the inspector.

    Here it is

    Thanks for a great product and Happy Holidays

    Scott

    https://ww.wp.xz.cn/plugins/meteor-slides/

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author Josh Leuze

    (@jleuze)

    Hi Scott, can you post a link so that I can inspect it?

    Plugin Author Josh Leuze

    (@jleuze)

    What theme are you using?

    Thread Starter scottnsf

    (@scottnsf)

    Hi Josh,

    I had it installed on a local site, so I just set up a slide show on my online site and the issue doesn’t appear anymore. Locally, I’m using a basic Bootstrap based theme running 4.4 with no plugins yet. The online site is a Genesis based theme running 4.1.8.

    So it looks like the issue isn’t with the slider.

    S

    Plugin Author Josh Leuze

    (@jleuze)

    At least you were able to narrow it down a bit!

    Thread Starter scottnsf

    (@scottnsf)

    I installed my local setup online. It was OK with the WP native theme but not OK with my Bootstrap theme.

    You can see the issue here when you rollover the right side.
    http://scottsawyerdesign.com/photo/slides/

    S

    Plugin Author Josh Leuze

    (@jleuze)

    The issue is that bootstrap.css has some styles that are also targeting those slideshow nav buttons:

    li.next a:hover:before {
        content: "\2190";
        position: absolute;
        display: block;
        top: 42%;
        left: 0;
        background-color: #BFBFBF;
        color: #444;
        width: 20px;
        height: 20px;
        padding-left: 5px;
        text-decoration: none;
        box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    }

    Remove that, or add a rule like this to your theme or custom slideshow stylesheet and that should fix it:

    .meteor-slides .meteor-nav a:hover:before {
        display: none;
    }
    Thread Starter scottnsf

    (@scottnsf)

    That works, case closed!

    Thanks,

    S

    Plugin Author Josh Leuze

    (@jleuze)

    No problem!

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘hover issue’ is closed to new replies.