Slider Revolution WP
09.27.2016
Adding an inset border around the slider
Add the following CSS to your theme’s “Custom CSS” section if one exists, or add it to one of your theme’s stylesheets.
Useful for creating a frame-type view for Full Screen sliders.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 |
.rev_slider_wrapper:before, .rev_slider_wrapper:after, .rev_slider:before, .rev_slider:after { position: absolute; content: ""; z-index: 9999; /* adjust border color here */ background-color: #000 } .rev_slider_wrapper:before { top: 0; left: 0; width: 10px; height: 100%; } .rev_slider_wrapper:after { top: 0; right: 0; width: 10px; height: 100%; } .rev_slider:before { top: 0; left: 0; width: 100%; height: 10px; } .rev_slider:after { bottom: 0; left: 0; width: 100%; height: 10px; } |
In the above code, the “10px” values are where the border size is declared, and the “background-color” is used for the border’s color.
