Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #594007

    Hello, is it possible to give a progression bar another color then the once I can choose from in the dropdown menu?

    Kind regards.
    Eric.

    #594682

    Hello, I was hoping to get some support here!

    #594967

    Hi!

    Sorry for the delay.

    Please try the following CSS change the gold color to anything you like.

    .main_color .av-striped-bar .theme-color-bar .bar {
       background:gold!important;
       background-image:gold!important;
    }
    

    Cheers!
    Vinay Kashyap

    #594998

    Thanks for the reply Vinnie, but that is not exactly what I want.

    Firstly the bar turns solid if I use this code. And secondly I would like to have different possibilities of colours.
    So what I would like is to be able to enter a #colour code number and have multiple options.
    Is that possible please?

    #595065

    Hi!

    It is actually a CSS gradient if you like to achieve the same effect.

    Here you go

    .main_color .av-striped-bar .theme-color-bar .bar {
         background-image: linear-gradient(-45deg, #c3512f 25%, #e5734f 25%, #e5734f 50%, #c3512f 50%, #c3512f 75%, #e5734f 75%, #e5734f);
    }

    Cheers!
    Vinay Kashyap

    #595250

    Thanks Vinay for the help!

    #595356

    Hi!

    glad you got it short out.
    Please let us know if we can do anything else to assist you further

    Cheers!
    Basilis

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Progression bar custom color’ is closed to new replies.