WordPress.org

Support

Support » Plugins and Hacks » Meteor Slides » [Resolved] [Plugin: Meteor Slides] Mouseover causes "next" link to appear

[Resolved] [Plugin: Meteor Slides] Mouseover causes "next" link to appear

Viewing 4 replies - 1 through 4 (of 4 total)
  • I found the following bit of html which I assume is the root cause.

    <li id="meteor-next" class="next"><a href="#next">Next</a></li>

    How come just the image doesn’t appear?

    Plugin Author Josh Leuze

    @jleuze

    The text shouldn’t show up, just the graphic, this is a conflict with your theme. Add this to your theme’s stylesheet to fix it:

    .meteor-nav .next a {
        float: none;
        text-align: left;
    }
    
    .meteor-slides ul.meteor-nav {
        padding: 0 !important;
    }

    Thanks, that worked.

    Do you mind providing a short explanation as to why this fixed it?

    Thanks.

    Plugin Author Josh Leuze

    @jleuze

    Because there is CSS in your theme that is targeting the UL element and .next class with rules that aren’t stated in the slideshow stylesheet, or have a higher priority than the rules in Meteor Slides. So sometimes the theme’s CSS has to be dialed back or the plugin’s CSS beefed up to play together nicely.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Resolved] [Plugin: Meteor Slides] Mouseover causes "next" link to appear’ is closed to new replies.
Skip to toolbar