Archived Forums

Resolved thumb Slider Sp Page Builder

Issue

Empire
Tuesday, 26 May 2020

Hi,
Is it possible to change the color of the thumb nail on the slider?

Accepted Answer

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

more than a month ago
Empire
# Permalink

Responses (4)

HI,
Yes you can do this by using custom css. Please mention which portion color you wanna change. Mention it in the screenshot, And give your site URL so that I can check and give you the solution
Thank you

more than a month ago
Empire
# 1

I want to change the color to 1st: #fcb040 2nd #3b2313 3rd:#fcb040 4th: #3b2313

Thanks

more than a month ago
Empire
# 2

[attachment]Untitled-1.jpg[/attachment]
I want to change the color to 1st: #fcb040 2nd #3b2313 3rd:#fcb040 4th: #3b2313

Link is primepillarvaluation.net/stageit

Thanks

more than a month ago
Empire
# 3

There are no replies made for this post yet.
Be one of the first to reply to this post!

This forum is archived

This forum has been archived. Please use JoomShaper official support system.