removing white border on Flexslider images

  • Resolved dgibb

    (@dgibb)


    11 years, 2 months ago

    The issue can be found here: https://dev.bichonfriseclubofsandiego.com/
    The preview works: not applicable
    It works with other themes: Haven’t Tried
    It works when I disable all other plugins: No
    Meta Slider version: 2.2.2
    ——————————————
    I am using the full page width child theme for the responsive theme. When I add css to remove the white pixel border around my Flexslider images, it has not effect in IE, Firefox, Chrome or Safari. Here’s what I added to my style.css

    /* =Force no border on Meta Slider lite Flexslider
    ———————————————————— */
    .metaslider .flexslider {
    margin: 0;
    background: #fff;
    border: 0;
    position: relative;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    box-shadow: 0;
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    -o-box-shadow: 0;
    zoom: 1;
    }

    ———————————-

    What am I missing?

    https://www.ads-software.com/plugins/ml-slider/

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

  • Hi dgibb,

    The white border isn’t being added by Meta Slider – it is set on the ‘featured’ wrapper.

    You’ll need to check your CSS for a selector called ‘#featured’ and remove the 1px white border rule.

    Regards,
    Tom.

    Thread Starter dgibb

    (@dgibb)

    Awesome…thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘removing white border on Flexslider images’ is closed to new replies.