How to place 4 chart items in a row, change color and so on

Brodovych · February 2021

Hello.

I need to place 4 chart items in a row. But they create a column. How to get it right?

Can I make those rings smaller?

Can I make the font smaller and, black, not grey?

Can each of my 4 charts be of it's own color? It makes 4 colores on one page.

Phil · February 2021

Hello,

1) Are you using Muffin Builder?

If yes, after putting the chart items side by side in the builder, they should appear in the same way on the page.

2) Do you mean the radius of the chart or the thickness of the line?

If you want to change the thickness, it can be modified in item options.

3) If you want to change the color and the size of the font, you will have to write Custom CSS Code. Do you need help with it? If yes, please, attach a link to this page.

4) You can change the color for each chart in this item option.

Thanks

Brodovych · February 2021

3) If you want to change the color and the size of the font, you will have to write Custom CSS Code. Do you need help with it? If yes, please, attach a link to this page.

Yes, I need the code, thank you.

And I'd like the labels (%%) inside rings to be smaller. They look oversized.

Here's the page link.

http://dev2.task.ua/struktura-aktiviv-fondu-task-universal/

Phil · March 2021

Please, try to use the following CSS Code:

.chart_box .chart .num{
   font-size: 28px!important;
}
.chart_box p{
   color: black!important;
 font-size: 10px!important;
}

Thanks

How to place 4 chart items in a row, change color and so on

Comments