Revolution Slider Slide Border

[whitemedia]

Hi,

I have something which should be SO simple, but I cannot find the solution! I am trying to place a 2px white border around each slide within a Revolution Slider, but cannot find the right setting to achieve this.

Details in secure note.

Many thanks,
Christopher

[friech]

Hi Christopher,

Thank you for writing in, please navigate to Slider Settings > Layout & Visual under the Appearance tab. Choose a solid background-color then apply some Padding to give your slider a border.

Hope it helps,
Cheers!

[whitemedia]

Hi Friech,

Thanks for the help. Unfortunately that is not the kind of border I am looking for. I am looking to place a 2px border around each of the image slides in the slider, not around the whole element which your solution does.In other words, I would like to keep the blue background, but each image in the slider is surrounded with a thin white border.

Thanks,
Christopher

[paul.r]

Hi Christopher,

To achieve that, you can add the code below in Revslider > Case Study > Slider Settings > Custom CSS

.rev_slider li.tp-revslider-slidesli {
    border:2px solid #fff;
}

Hope that helps

[whitemedia]

Hi Paul,

That is perfect - thank you very much. I just couldn’t find the right place to add the CSS - I didn’t think of looking there!

Thanks,
Christopher

[jade]

Hi Christopher,

You may check this link for the documentation of Revolution Slider:

https://www.themepunch.com/revslider-doc/slider-revolution-documentation/

Hope this helps.