- This topic has 3 replies, 2 voices, and was last updated 12 years, 5 months ago by
.
-
Posts
-
Howdy,
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;http://www.montanaworldaffairs.org/
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.
Thoughts?
http://www.montanaworldaffairs.org/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?
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.
- The forum ‘General Discussion’ is closed to new topics and replies.