Text In Progress Bar Off Of The Bar - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Text In Progress Bar Off Of The Bar

C

ClinicaMicro

Helix Framework 4 years ago

Hello, I am trying to do something similar to the google review bars, with the number of stars on the left and the bar on the right, but I see that the Progress Bar addon shows them inside, or above if I select the%. I have tried to put some numbers as a header on the left, but, it does not quite fit well due to margin issues ... Is there any way to make this number come out on the left? Thanks.

0
7 Answers
Pavel
Pavel
Accepted Answer
4 years ago #27424

Hi. No need customize addon php code. Very simple CSS code solves the problem. Switch to percent mode and use the following code.

.sppb-progress-label {
    float: left;
    margin: 0 10px 0 0;
}
.sppb-progress-label span {
    display: none;
}

So that it worked insulated and did not affect the "progress bar" elsewhere on the site, add your class to the section and use the code in this form.

.yuor-section-class .sppb-progress-label {
    float: left;
    margin: 0 10px 0 0;
}
.yuor-section-class .sppb-progress-label span {
    display: none;
}
0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 4 years ago #27390

Hi

Could you please give me a screenshot of your issue?

0
Anne
Anne
Accepted Answer
Support Agent 4 years ago #27393

Hello there.

Thanks for contacting with us. Can you give us a screenshot for better understanding?

-Regards

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 4 years ago #27423

HI, If I uderstand well. You want something like this (red numbers)

foto_6542_2021.jpg

To make this change you have to customize addon php code. I mean override addon folder (with site.php file) and edit its source code. Sorry, but it's customization task beyond our support.

0
C
ClinicaMicro
Accepted Answer
4 years ago #31076

Pavel, You're the best ;) Zanks!!!!

0
Pavel
Pavel
Accepted Answer
4 years ago #31158

You are wellcome

0
Anne
Anne
Accepted Answer
Support Agent 4 years ago #31169

Hello Pavel

Thanks for the information.

0