Changing Thumbnail Design

Border sorted out as follows:

uris-layout.php (line 40)

/* Example 3 */
#example3_<?php echo $post_id; ?> .sp-selected-thumbnail {
	border: 2px solid #fff; /* was 4px solid #fff */
}

I’d like to make the selected thumbnail to be clear and the others to have an opacity of 0.8 – can you point me in the right direction?

Hello andoverit,

Follow my instruction here to make opacity of 0.8 for non selected thumb –

Step-1 : Open plugin directory and then open folder ultimate-responsive-image-slider

Step-2 : Open file uris-layout.php (line 40) on any editor.

Ste-3 : Update this line with below css

/* Example 3 */
#example3_<?php echo $post_id; ?> .sp-selected-thumbnail {
	border: 2px solid #fff; /* was 4px solid #fff */
        opacity: 1 !important;
}

Step-4: Also add this css code after above css code(after line no. 42)

/* Example 3 */
#example3_<?php echo $post_id; ?> .sp-thumbnail-container {
	opacity:0.6;
}

Step-5: Save your code and then view your slider.

Let me know if it’s not work.

Thanks

You’re a star!! That works a treat – thank you ??

Hi Andoverit,

Please post your review here if you find our pluign is working perfect for you.

Great Day!

Thanks
Weblizar

Rated 5***** and added a review on the plugin and the support.

Thanks so much for your feedback.