[Plugin: Responsive Slider] on mouse over back/forth arrows a dotted rectangle perimeter

  • Resolved tabtabby

    (@tabtabby)


    13 years, 7 months ago

    Hello there,
    I have the Responsive Slider on the home page of my Responsive Child Theme. I set it to 940 px and it looks great, but when I mouse over and/or press the back and forth arrows, a kind of dotted rectangle perimeter, same heigh of the arrows and same width of the slider, appears.
    Any idea about how to fix this? Any help would be appreciated.

    http://ww.wp.xz.cn/extend/plugins/responsive-slider/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter tabtabby

    (@tabtabby)

    13 years, 7 months ago

    Hi, I’m providing you with a link to a screenshot of the slider, in case my description above was not clear enough.
    https://www.dropbox.com/s/z03g3t711icwnry/responsive-slider-back-forth-arrows.png
    Help please!

    Anonymous User 439586

    (@anonymized-439586)

    13 years, 7 months ago

    What browser is this?

    Not tested, but you may add this CSS to your theme.css:

    .flexslider a.next, .flexslider a.next:active, .flexslider a.next:focus, .flexslider a.next:hover {
    outline: none;
    }

    Good luck!

    Thread Starter tabtabby

    (@tabtabby)

    13 years, 7 months ago

    Hi Karsten!
    It works!
    I’ve added the same code to “prev” button:

    .flexslider a.next, .flexslider a.next:active, .flexslider a.next:focus, .flexslider a.next:hover  {
  outline: none;
}
.flexslider a.prev, .flexslider a.prev:active, .flexslider a.prev:focus, .flexslider a.prev:hover  {
  outline: none;
}

    I’m testing the slider on Ubuntu 12.04 with Firefox 16.0.1 and Chrome 20.0.1142.37

    Thanks a lot for your help,
    tabtabby

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

The topic ‘[Plugin: Responsive Slider] on mouse over back/forth arrows a dotted rectangle perimeter’ is closed to new replies.