Okay
  Public Ticket #1461567
Progress Bar
Closed

Comments

  •  16
    Jen started the conversation
    February 8, 2018 at 12:14am

    Is it possible to remove the % from the progress bar?


    I am happy to show the number but I wanted to use it for non percentage things ie dollars or people or projects  so if I could just "hide the percent symbol this would work

  •  9,007
    Tahir replied
    February 8, 2018 at 8:09am

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    .nectar-progress-bar .bar-wrap span strong {
    visibility: hidden !important;
}
.nectar-progress-bar .bar-wrap span strong i {
    visibility: visible !important;
}

    Thanks

    ThemeNectar Support Team 

  •  16
    Jen replied
    February 8, 2018 at 8:49pm

    Thanks Thats good... only thing is the numbers are over the title when the percentage is small is there anyway we can add more padding or something?

  •  9,007
    Tahir replied
    February 9, 2018 at 12:58pm

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    .nectar-progress-bar p {
    padding-bottom: 20px !important;
}

    Thanks

    ThemeNectar Support Team 

  • MKotecki replied
    May 25, 2018 at 3:44pm

    Hi Tahir, 

    I've entered the code below to get rid of the "%" sign, what would be the code to get rid of the number showing altogether so that it just shows the visual of the progress bar versus the actual percentage i.e. 15% complete.

    Thanks!

  •  9,007
    Tahir replied
    May 28, 2018 at 10:34am

    Hey Again, Hope you had a Great Weekend, 

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    .nectar-progress-bar .bar-wrap span strong {
    display: none !important;
}

    Thanks

    ThemeNectar Support Team 

  • MKotecki replied
    May 29, 2018 at 1:15pm

    That worked, thanks Tahir!

  •  3,032
    Andrew replied
    May 29, 2018 at 1:19pm

    Hey there,

    Thanks for reaching in,

    Please be sure to reach in in case you encounter another issue,

    Regards