Hi,
Use this custom css
.slide_thumb_wrap .flexslider .slides li .thumb-wrap .thumb-text {
background: rgba(195, 68, 8, 0.8) none repeat scroll 0 0 !important;
}
.slide_thumb_wrap .flexslider .slides li:nth-child(2) .thumb-wrap .thumb-text {
background: rgba(10, 105, 98, 0.8) !important;
}
.slide_thumb_wrap .flexslider .slides li:nth-child(3) .thumb-wrap .thumb-text {
background: rgba(60, 18, 93, 0.8) !important;
}
.slide_thumb_wrap .flexslider .slides li:nth-child(4) .thumb-wrap .thumb-text {
background: rgba(10, 141, 212, 0.8) !important;
}
Add this css code inside the custom.css file.
Note: Path towards custom CSS:
Extensions>Templates>Styles>
Click on your current default template name then choose Template Options.
Then find custom CSS within the custom code.
https://prnt.sc/pu705g
https://prnt.sc/pu70zn
In Extensions>Template> Template Options > Custom Code > Custom CSS please add this
Thanks