Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 8, 2014 at 2:34 am #206583
    erikkIsrael

    Hey there,

    How can I the background behind just the text on the progress bar so it’s transparent or at least matches the colors of the progress bars?
    Progress Bar

    January 8, 2014 at 2:41 am #206592
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    .bar-outer {
    background: red !important;
}

    Change red by the color of your choice.

    Cheers! 
    Josue

    January 8, 2014 at 3:17 am #206599
    erikkIsrael

    Thanks Josue,

    It didn’t seem to work for me… I set the color as transparent:

    .bar-outer {
    background: transparent !important;
    }

    The progress bar has three colors,

    1. The color you set for the percentage
    2. The background color of the text you’ve written for a specific percentage
    3. The background color of the bar at 100% width

    I’d like to make #2 transparent. Is that possible?

    January 8, 2014 at 4:08 am #206611
    Ismael

    Hey!

    You can use this:

    .avia-progress-bar .progressbar-title-wrap {
background: red;
background: rgba(255, 255, 60, 0.5);
}

    Cheers!
    Ismael

    January 15, 2014 at 3:06 am #209837
    erikkIsrael

    Thank you that worked perfectly!

    January 15, 2014 at 7:04 am #209884
    Ismael

    Hey!

    Glad it worked. :)

    Cheers!
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Colors Behind Progress Bars’ is closed to new replies.