SkeletonQuest: change progress bar color

More
2 years 6 months ago #119570 by outofgamut
outofgamut created the topic: SkeletonQuest: change progress bar color
Hi,

any ideas how to change the progress bar color in theme SkeletonQuest? The original is a bit difficult to see.

The suggested changes to template.css
#progress-wrapper .ui-widget-header {
 background-color: #ff9e0d;
}
 
#progress-wrapper .ui-widget-content,
#progress-wrapper .ui-widget-header {
 border: 3px solid #0b0943;
}

don't make diddly difference.

Please Log in to join the conversation.

More
2 years 6 months ago #119657 by DenisChenu
DenisChenu replied the topic: SkeletonQuest: change progress bar color
Here is the HTML produced:
<div class="progress-bar"><div class="progress-value" style="width:16%">16%</div><div class="progress-over"></div><div class="progress-range range-100" style="right:0%">100%</div><div class="progress-range range-90" style="right:10%">90%</div><div class="progress-range range-80" style="right:20%">80%</div><div class="progress-range range-70" style="right:30%">70%</div><div class="progress-range range-60" style="right:40%">60%</div><div class="progress-range range-50" style="right:50%">50%</div><div class="progress-range range-40" style="right:60%">40%</div><div class="progress-range range-30" style="right:70%">30%</div><div class="progress-range range-20" style="right:80%">20%</div><div class="progress-range range-10" style="right:90%">10%</div></div>

Then
.progress-value{background:red}
.progress-bar {
    border-style: solid;
    border: 3px solid #0b0943;
}
in template.css

Default is here : gitlab.com/Sondages.Pro/SkeletonQuest/bl...-ui-custom.css#L1373 (replaced by template.css)

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand (or search sondages pro).
An error happen ? Before make a new topic : remind the Debug mode .
The following user(s) said Thank You: outofgamut

Please Log in to join the conversation.

More
2 years 6 months ago #119665 by outofgamut
outofgamut replied the topic: SkeletonQuest: change progress bar color
Thanks a lot, Denis.

Please Log in to join the conversation.

Start now!

Just create your account and start using Limesurvey today.

Register now
Join our Newsletter!