thats not the issue im trying to solve. the progress bar works. if I put 25 it does 25%. the issue is that the percentage marker on the live page overlaps the title. If you look at the screen shot, right where it says DEV on development there is a 15% overlapping. So I was just looking for some css or something to hide the 25% part on the live site. I still want the progress bar to fill correctly.
body .nectar-progress-bar span strong, body .nectar-progress-bar .bar-wrap span strong i, body .nectar-progress-bar .bar-wrap span strong { display: none; }
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):
/* remove progress bar text */
.nectar-progress-bar p {
display: none !important;
}
Hello!
The percentage on the progress bar os overlapped with the title of the bar. is there a way to remove the percentage.
Attached files: Screen Shot 2022-07-26 at 1.46.38 PM.png
Hello There,
Thanks for keeping in touch.
Please remove the percentage from here:
Thanks.
thats not the issue im trying to solve. the progress bar works. if I put 25 it does 25%. the issue is that the percentage marker on the live page overlaps the title. If you look at the screen shot, right where it says DEV on development there is a 15% overlapping. So I was just looking for some css or something to hide the 25% part on the live site. I still want the progress bar to fill correctly.
Hello There,
Please send in your website url so that we can provide possible css for it.
Thanks.
Hello There,
Please try this css:
body .nectar-progress-bar span strong, body .nectar-progress-bar .bar-wrap span strong i, body .nectar-progress-bar .bar-wrap span strong {display: none;
}
Thanks.
Perfect! Thanks!
Hi! how about the title - how do we remove the text? if i leave it empty, the default "Title" comes back:
https://d.pr/i/mpgbSW
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):
/* remove progress bar text */ .nectar-progress-bar p { display: none !important; }Thanks
ThemeNectar Support Team