WordPress.org

Ready to get started?Download WordPress

Forums

Responsive Slider
[resolved] on mouse over back/forth arrows a dotted rectangle perimeter (4 posts)

  1. tabtabby
    Member
    Posted 1 year 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://wordpress.org/extend/plugins/responsive-slider/

  2. tabtabby
    Member
    Posted 1 year 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!

  3. Karsten
    Member
    Posted 1 year 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!

  4. tabtabby
    Member
    Posted 1 year 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

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic