WordPress.org

Ready to get started?Download WordPress

Forums

Meteor Slides - Firefox mouseover issue (5 posts)

  1. Hughesabio
    Member
    Posted 1 year ago #

    Hi guys,

    Having a bit of a problem with a WordPress site I am building. I have installed the Meteor Slides widget so that it enables me to have a scrolling image slider at the top of my site.

    The widget works perfectly on all browsers except Firefox, when my mouse is over the slider, the slider drops down about 30 or 40 pixels.

    I presume this is something to do with a conflict between my theme and the widget, but am stuck at trying to find the code to fix this problem, any help with this would be highly appreciated.

    Thanks

    Hughesabio

  2. vtxyzzy
    Member
    Posted 1 year ago #

    Since this is presumably a conflict with your theme, it might help if you post a link to your site where the problem can be seen.

  3. Hughesabio
    Member
    Posted 1 year ago #

    the site can be seen here - http://www.cafetoulous.com

    the theme can be found here - http://demo.whoathemes.net/?theme=retro

  4. Hughesabio
    Member
    Posted 1 year ago #

    The slider can be found on the home page, with the error only occurring in Firefox

  5. vtxyzzy
    Member
    Posted 1 year ago #

    Not quite sure why it causes the problem, but this rule in meteor-slides.css is the source:

    .meteor-slides.navhover ul.meteor-nav {
        display: block;
    }

    If you override this by including the rule below after the meteor-slides.css is loaded, e.g. in prettyPhoto.css, the problem goes away in FF:

    .meteor-slides.navhover ul.meteor-nav {
        display: inline;
    }

    I have not tested with other browsers.

Topic Closed

This topic has been closed to new replies.

About this Topic