BlueOwlCreative » Topic: bar graph percentage cloud covers text

bar graph percentage cloud covers text

siqve006 — Mon, 03 Jun 2019 18:20:37 +0000

Hi my bar graph percentage number covers/overlays the text title right above it. Any way to change the layout or resolve this issue?

Reply To: bar graph percentage cloud covers text

BlueOwl — Tue, 04 Jun 2019 08:15:42 +0000

Hi,
I need to see your URL please!

Reply To: bar graph percentage cloud covers text

siqve006 — Tue, 04 Jun 2019 15:14:29 +0000

This reply has been marked as private.

Reply To: bar graph percentage cloud covers text

BlueOwl — Wed, 05 Jun 2019 06:53:15 +0000

Hi again,

Depends on how you want to handle this, for example you can have the titles go above the percentage/line. Try this CSS:

.bar_graph p {
    margin-bottom: 38px;
}

Reply To: bar graph percentage cloud covers text

siqve006 — Wed, 05 Jun 2019 13:21:34 +0000

thanks that did it

Reply To: bar graph percentage cloud covers text

siqve006 — Mon, 24 Jun 2019 17:02:19 +0000

Hi I changed this to the animated counters per the client’s request, but I want to still have the percentage % symbol appear next to my numbers. Is there a css code snippet to add this in? At present the % symbol does not show at all next to my number.

Reply To: bar graph percentage cloud covers text

BlueOwl — Tue, 25 Jun 2019 06:32:11 +0000

Where are those bar graphs again? Can’t find them in the case studies anymore…

Reply To: bar graph percentage cloud covers text

siqve006 — Tue, 25 Jun 2019 13:39:28 +0000

This reply has been marked as private.

Reply To: bar graph percentage cloud covers text

BlueOwl — Wed, 26 Jun 2019 06:40:14 +0000

You could add it with css to this element like so:

.counter .counter-digit:last-of-type:after {
    content: "%";
}