Responsive Slider Border?

Community Forums Forums General Discussion Responsive Slider Border?

This topic is: not resolved

This topic contains 3 replies, has 2 voices, and was last updated by  Susan Nelson 1 year, 12 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #75721

    Mike P


    Having a heck of a time trying to remove the 1px white border around my responsive slider.

    #genesis-responsive-slider {
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border: none !important;
    padding: 1px !important;

    When I change the padding to 0px, the border is gone as so is the border-radius function, no more curved corners.

    Do I need to have a border to be able to use the border-radius function? Would like to have no border, but curved corners too.

    Somehow think !important is involved, but not sure entirely.


    Susan Nelson

    Hi Mike,

    What if you apply the border radius to the img instead of #genesis-responsive-slider (so, #genesis-responsive-slider img)? It works for me in firebug, so I’m thinking it should work. Let me know?

    Susan Nelson | Oh, Hello Designs | Twitter | Facebook


    Mike P

    I’m trying this and not getting anything:

    #genesis-responsive-slider-img {
    border: none !important;
    border-radius: 7px;

    Care to copy & paste what’s working for you? Thanks so much for helping out.


    Susan Nelson

    Try #genesis-responsive-slider img (no dash before img).

    Susan Nelson | Oh, Hello Designs | Twitter | Facebook

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.