The progress bar only lets you choose between the four accent colors that you choose for your site. But I would like InDesign to be magenta, after effects - violet, Dreamweaver - green,...etc. Is there any way to add in extra accent colors or manually change the color of each bar?
So would this mean that either way I'm limited to only 3 colors? or is there a first-child ....second-child type of solution that will just let me choose the color for each and every bar? I need at least 5 colors total.
The progress bar only lets you choose between the four accent colors that you choose for your site. But I would like InDesign to be magenta, after effects - violet, Dreamweaver - green,...etc. Is there any way to add in extra accent colors or manually change the color of each bar?
Hey Duane!
You will have to set the three progress bar's to extra colors and overwrite its colors via css like this.
Add this into the Custom CSS box located in your Salient Options panel:
div.nectar-progress-bar div.bar-wrap span.extra-color-1 { background-color: magenta !important; } div.nectar-progress-bar div.bar-wrap span.extra-color-2 { background-color: violet !important; } div.nectar-progress-bar div.bar-wrap span.extra-color-3 { background-color: green !important; }
Cheers
ThemeNectar Support Team
So would this mean that either way I'm limited to only 3 colors? or is there a first-child ....second-child type of solution that will just let me choose the color for each and every bar? I need at least 5 colors total.
6 would be ideal though