Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 6, 2016 at 9:51 pm #594007
    EricSmeets

    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.

    March 8, 2016 at 12:25 am #594682
    EricSmeets

    Hello, I was hoping to get some support here!

    March 8, 2016 at 12:19 pm #594967
    Vinay

    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

    March 8, 2016 at 2:44 pm #594998
    EricSmeets

    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?

    March 8, 2016 at 5:10 pm #595065
    Vinay

    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

    March 9, 2016 at 1:00 am #595250
    EricSmeets

    Thanks Vinay for the help!

    March 9, 2016 at 7:49 am #595356
    Basilis

    Hi!

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

    Cheers!
    Basilis

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