Any advice on css fix for one bug in template?

My site is using Quark ecommerce template. Also I am using third party component for donations. When I assign your template (M)Social it works perfectly: http://v-boge.org/xo4y, screenshot will point out what we are looking at: https://yadi.sk/i/mddvVFTQtP9Pk
When the same thing is under Quark, the progress bar disappears. http://v-boge.org/blog/tdjakes/item/3597-tidi2016-trinadtsataya-propoved-goda-vera-sozidat-serial-propovedej-obramljon-veroj with screenshot explanation https://yadi.sk/i/RRq3DIlFtP9cq.
I've done the best I could comparing css codes for these two pages, everything seems to be the same in regard of these elements. May be something else in Quark is hindering this progress bar from appearing? Any advice?
Thanks.

Hi

I can see both examples showing this blue bar. Have You been able to fix it ? Can You please share what was the problem ?

Hi

I can see both examples showing this blue bar. Have You been able to fix it ? Can You please share what was the problem ?

I had to apply this patch through override.css:

Code: Select all

.progress .bar {
  opacity: 100;
  transform: scaleX(1) !important;
}

For some reason both of those were zeros: Opacity - 0 and scaleX(0) in template.

Hi

I think it was for animation purpose, but I can't be sure since I do not know this extension. Anyway I'm happy You've been able to figure it out.

Hi

I think it was for animation purpose, but I can't be sure since I do not know this extension. Anyway I'm happy You've been able to figure it out.

It had nothing to do with extension. I applied this fix to negate the settings set in the template.css - it had only to do with Quark. ))))

Hi

Och it did was connected with template and extension. Extension was build to show this bar instantly after looking at the page. While a same fetcher was implemented in template for I believe availability bars. So it was a problem of using same class names. Anyway I'm closing this thread since You've found how to fix it already.