Support Forums

Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

How to change bar progress color?

Featured Lock Resolved Issue
Hello!
I'd like to change the color of the progress bar as it was but when i copy it appears blue as default.
How can i change it as it was in the template(orange and with the flagged number)?

Thanks!

Attachments (2)

  • captura 1.jpg
    captura 1.jpg 73.7 KB
  • captura 2.jpg
    captura 2.jpg 84.3 KB

5 Answers

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your query. Please use this class into your section to get such progress bar home-two-causes-donation
https://prnt.sc/jbyhch

-Best regards

Jessica

More than a month ago #Permalink
It works!
Thank you! :D

Jakeza

3 weeks ago #Permalink
Thank you Sifat for this answer to Jessica.
But if I do not want the orange style but choose my own color what code can I write to change :

a) the color of the progress bar
b) the color of the font inside

Thanks a lot by advance for your explanation.

Regards.

Sifat - Staff

2 weeks ago #Permalink
Thank you Sifat for this answer to Jessica.

Hi,
Please use this css into your custom css to solve your issues.

.sppb-progress .sppb-progress-bar ,
.sppb-progress .sppb-progress-bar span,
.home-two-causes-donation .sppb-progress .sppb-progress-bar:before {
background: red !important;
}
.sppb-progress .sppb-progress-bar span:before {
border-right: 6px solid red !important;
}
.sppb-progress .sppb-progress-bar span {
color: #fff !important;
}


Here is the custom css field https://prnt.sc/ijudw8

-Best Regards


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 135
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 120
Toufiq

Toufiq

Total Accepted Answers: 65
Pavel

Pavel

Total Accepted Answers: 5
Peter Atkin

Peter Atkin

Total Accepted Answers: 2

100+

Templates

200,000+

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us