Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #310988

    How can I change the “Multiple Progress Bars” to be static solid colors instead of the animated zebra pattern displayed in your demo?

    Please see this image so I can explain better: http://victorcoronel.com/download/zebra.jpg

    Thank You.

    #311162

    Hey victor!

    Thank you for using Enfold.

    Please go css > shortcodes.css, look for the codes starting from 2565. For example, if you select the Bar Color to blue, just look for this code:

    .blue-bar .bar{
    background: #7bb0e7;
    background-image:	-webkit-linear-gradient(-45deg, #96C8FB 25%, #74a6d9 25%, #74a6d9 50%, #96C8FB 50%, #96C8FB 75%, #74a6d9 75%, #74a6d9);
    background-image:      -moz-linear-gradient(-45deg, #96C8FB 25%, #74a6d9 25%, #74a6d9 50%, #96C8FB 50%, #96C8FB 75%, #74a6d9 75%, #74a6d9);
    background-image:           linear-gradient(-45deg, #96C8FB 25%, #74a6d9 25%, #74a6d9 50%, #96C8FB 50%, #96C8FB 75%, #74a6d9 75%, #74a6d9);
    }
    

    Replace it with:

    .blue-bar .bar{
    background: #7bb0e7;
    background-image:	-webkit-linear-gradient(-45deg, #74a6d9 25%, #74a6d9 50%, #74a6d9 75%, #74a6d9);
    background-image:      -moz-linear-gradient(-45deg, #74a6d9 25%, #74a6d9 50%, #74a6d9 75%, #74a6d9);
    background-image:           linear-gradient(-45deg, #74a6d9 25%, #74a6d9 50%, #74a6d9 75%, #74a6d9);
    }
    

    We removed the secondary or dark color. :)

    Best regards,
    Ismael

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.