What I mean is that the progress bar only has one custom colour. And the colour goes for the bar progress as well as the number-text (percentage). I cannot locate the number in the CSS, so that I could try and give it a background colour/ box (e.g. white). As the font is so thin it is impossible to see on dark background. If you could just let me know the css-class/ ID I would be able to figure out the rest, I believe.
I updated a new screenshot
In other words: I cannot find out how to separate the font from the progress-colour.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
IS it possible to make underlaying white background or box behind the percentage in progress bar?
It may be really impossible to see like :)
Hey Again,
Not sure i understand your request ?.You can add Color Backgrounds to Rows/Columns using the Page Builder Options: http://themenectar.com/docs/salient/page-builder-columns/ .
Also try using our Pre-built Layouts to get the Demo look instantly: http://themenectar.com/docs/salient/salient-studio/ .
Thanks
ThemeNectar Support Team
What I mean is that the progress bar only has one custom colour. And the colour goes for the bar progress as well as the number-text (percentage). I cannot locate the number in the CSS, so that I could try and give it a background colour/ box (e.g. white). As the font is so thin it is impossible to see on dark background. If you could just let me know the css-class/ ID I would be able to figure out the rest, I believe.
I updated a new screenshot
In other words: I cannot find out how to separate the font from the progress-colour.
Thx!
Hey Again,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
body .nectar-progress-bar .bar-wrap span strong { background: #fff !important; padding: 3px; }Thanks
ThemeNectar Support Team