Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 29, 2014 at 4:48 pm #310988
    vcoronel

    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.

    August 30, 2014 at 4:58 am #311162
    Ismael

    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

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