If you check the ccs on my page and compare it to the css on the demo page then you’ll see that this part is missing:

background-image:-webkit-linear-gradient(-45deg, #4678ae 25%, #689acf 25%, #689acf 50%, #4678ae 50%, #4678ae 75%, #689acf 75%, #689acf);background-image: -moz-linear-gradient(-45deg, #4678ae 25%, #689acf 25%, #689acf 50%, #4678ae 50%, #4678ae 75%, #689acf 75%, #689acf);background-image: linear-gradient(-45deg, #4678ae 25%, #689acf 25%, #689acf 50%, #4678ae 50%, #4678ae 75%, #689acf 75%, #689acf);background-size: 10px 10px;

And this is the part which creates the stripes.

Jan

Hi Victoria,
it looks just like on your screenshot.

For testing, I have change the “Balkenfarbe” from “Theme Farbe” to “Blau” for the first progress bar. As a result, the first bar shows the animation.
I’ve remained the second, third and fourth bar just like it was with the “Balkenfarbe” == “Theme Farbe”. And these bars don’t show the animation any more.

If you check the css on my page for second, third and fourth bar, it differs from the css which is in the demo page (https://kriesi.at/themes/enfold-app/). Although it is the same colour setting.

Somehow the enfold.css is not correctly generated any more after the update to 4.2. Before, all progress bars looked exactly like in the demo page.

Jan

That is the CSS from the demo page:
.main_color .av-striped-bar .theme-color-bar .bar{background: #4678ae;background-image:-webkit-linear-gradient(-45deg, #4678ae 25%, #689acf 25%, #689acf 50%, #4678ae 50%, #4678ae 75%, #689acf 75%, #689acf);background-image: -moz-linear-gradient(-45deg, #4678ae 25%, #689acf 25%, #689acf 50%, #4678ae 50%, #4678ae 75%, #689acf 75%, #689acf);background-image: linear-gradient(-45deg, #4678ae 25%, #689acf 25%, #689acf 50%, #4678ae 50%, #4678ae 75%, #689acf 75%, #689acf);background-size: 10px 10px;}

And that is the CSS from my page:
.main_color .av-striped-bar .theme-color-bar .bar{background: #4678ae;}

Both taken from enfold.css.

Jan

Hi Yigit,
I’m aware of the setting.
The difference between the demo an my page ist this:

My page:
.main_color .av-striped-bar .theme-color-bar .bar
none

The demo page:
.main_color .av-striped-bar .theme-color-bar .bar
linear-gradient(-45deg, rgb(70, 120, 174) 25%, rgb(104, 154, 207) 25%, rgb(104, 154, 207) 50%, rgb(70, 120, 174) 50%, rgb(70, 120, 174) 75%, rgb(104, 154, 207) 75%, rgb(104, 154, 207))

Both taken from enfold.css.

I’ll set up a login for you, so you can have a look.

Jan