Hover Arrow Button Shows Red Overlay

  • Resolved jordanpgd

    (@jordanpgd)


    6 months, 3 weeks ago

    Discovered a new issue with Meta slider. The Button elements seem to now show red color overlay over the button element. Effects both the “flex-next” and “flex-prev” class buttons. I don’t see any options to adjust this. If its another element conflicting that is one thing, but we have not added any new plugins so I am not sure why all of a sudden this is happening. Any advice to fix?

    View post on imgur.com
    • This topic was modified 6 months, 3 weeks ago by jordanpgd.

    The page I need help with: [log in to see the link]

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

    (@stevejburge)

    Hi @jordanpgd. Thanks for using MetaSlider.

    There is CSS on your site that is applying the color #e50102 to many areas, including MetaSlider.

    It appears that CSS is loading from inside your WordPress site, rather than a CSS file. This could be from the “Appearance” > “Custom CSS” area of WordPress but it could be elsewhere in your theme. It’s not possible to tell from outside the site.

    Thread Starter jordanpgd

    (@jordanpgd)

    Thanks @stevejburge for the speedy response. I was afraid this was the case, but appreciate you confirming. I’ll keep digging in the CSS. I’m inheriting this project, so not a lot to go off of haha.

    Plugin Author Steve Burge

    (@stevejburge)

    Sure thing. There’s an enormously long bundle of CSS that applies that color to hundreds of items. It starts like this:

    .orbit-wrapper div.slider-nav span.right,
    .orbit-wrapper div.slider-nav span.left,
    .flex-direction-nav a,
    .jp-play-bar,
    .jp-volume-bar-value,
    .jcarousel-prev:hover,
    .jcarousel-next:hover,
    etc. etc. etc.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Hover Arrow Button Shows Red Overlay’ is closed to new replies.