Progress Bar Not Wide Enough

[mitchelldanielle]

The progress Bar seems to have shrunk in half. Cannot see words. Below is the code I have used. It was working before not sure what caused the change.

[progress_bar percentage=”100″ name=”Average Black Girl Youtube Channel” value=”100%” type=”” colour=”#09c9ef”]

[progress_bar percentage=”100″ name=”The Average Blog” value=”100%” type=”progress-striped active” colour=”#

09c9ef”]

[progress_bar percentage=”100″ name=”Marketing Coach” value=”100%” type=”” colour=”#09c9ef”]

[progress_bar percentage=”100″ name=”Melanin Business” value=”100%” type=”progress-striped active” colour=”#7d5208″]

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Add this to your custom css:

.progress {
  height: 40px;
}

– Kyle

[mitchelldanielle]

Hello,

I tried that and nothing changed. See screenshot below.

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please try to use this code:-

.progress .bar-text {
    line-height: 20px !important;
}

Thanks
Mohammad

[mitchelldanielle]

Hello That did not work either.

Attachments:

You must be logged in to view attached files.

[mitchelldanielle]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
I have managed to resolve the issue so please check it now.
Thanks
Mohammad

[mitchelldanielle]

This reply has been marked as private.

[David Martin – Support]

Thanks for the feedback.

– David.