By default template can show only 4 thumbs sliders even if you added more, for example, five.
![](/images/2017/06/26/4-slides.jpg)
How to add more thumbs
- In Thumb Slider addon add addcional thumb with image and all details
- In Options > CSS tab of that Page insert following custom CSS code:
If you want to show 5 thumbs:
.slide_thumb_wrap .flexslider .slides li {width: 20% !important; }
If you want to show 6 thumbs:
.slide_thumb_wrap .flexslider .slides li {width: 16.66% !important; }
![5 thumbs sliders](/images/2017/06/26/5-slides.jpg)
Remember to Apply changes and Save Page changes to see results.
![](/images/2017/06/26/5-slides-b.jpg)
To change background color of 5,6 thumb slide please use following custom CSS code:
.slide_thumb_wrap .flexslider .slides li:nth-child(5) .thumb-wrap .thumb-text {
background: rgba(182,51,106,0.9);}
.slide_thumb_wrap .flexslider .slides li:nth-child(6) .thumb-wrap .thumb-text {
background: rgba(70,165,70,0.9);}
Of course you can/should use your own RGB colors code. Remember to clear CMS and browser cache after each code customization.
![](/images/2017/06/26/6-slides.jpg)