Using CSS to create shadow on image slder

Ask your query related with Ultimate Responsive Image Slider Pro plugin In this Forum

Moderator: forum_m

Post Reply
wwidman
Posts: 2
Joined: August 5th, 2016, 8:39 pm

Using CSS to create shadow on image slder

Post by wwidman » August 21st, 2016, 9:45 pm

I would like to see if it is possible to create a border and drop shadow for the image slider using CSS. I tried some CSS in the slider settings area but it had no effect.

support_staff
Posts: 7189
Joined: February 26th, 2015, 1:40 pm

Re: Using CSS to create shadow on image slder

Post by support_staff » August 22nd, 2016, 10:57 am

Hello wwidman,
please share the gallery URL where you are using the plugin.
Thanks

wwidman
Posts: 2
Joined: August 5th, 2016, 8:39 pm

Re: Using CSS to create shadow on image slder

Post by wwidman » August 22nd, 2016, 5:30 pm

Here is the gallery URl. I have a slider at the top of my home page and I would like to put a border around it and a nice drop shadow using CSS.

www.williamwidman.com

support_staff
Posts: 7189
Joined: February 26th, 2015, 1:40 pm

Re: Using CSS to create shadow on image slder

Post by support_staff » August 24th, 2016, 12:34 pm

Hello wwidman,
to add a border around the image and a shadow..paste the following section of code in custom css-

Code: Select all

.sp-image-container{
	padding:5px !important;
}
.slider-pro img.sp-image, .slider-pro img.sp-thumbnail {
    box-shadow: 2px 2px 15px 0px red !important;
    border: 4px solid black !important;
}
Note: You can change the colors in above code according to your requirement.
Thanks.

Post Reply

Return to “Ultimate Responsive Image Slider Pro”