I am using the plugin bxslider (http://bxslider.com/) which in general works great.
My only issue is that the plugin comes with a set shadow of 5px for its viewport so if I am using it inside a div with a colored border on the div it always overlaps that border - the smaller the screen the more obvious the overlap.
Is there an exact way in CSS to override this (exact because it needs to work on small screens / mobiles as well) ?
Firebug shows me the following default CSS that is used for the viewport:
background: none repeat scroll 0 0 #fff;
border: 5px solid #fff;
box-shadow: 0 0 5px #ccc;
width:calc(100% - 9px) !important;
Am I wrong in assuming that you could simply use:
box-shadow: none !important
I can't imagine a situation where that wouldn't work.