changing the size of circles in the JA ACM's statistics block type

samratsaam

hi
I have a JA ACM module by the name "NUMBER OF STUDENTS IN DIFFERENT COUNTRIES".
I wish to decrease the size of the circles showing the statistics.
Could please help me in customizing it.

Regards
Yudi

Ninja

samratsaam Hi
Add this code in custom.css file

.uber-stats.style-7 .stats-list .ppc-percents {
    content: "";
    position: absolute;
    border-radius: 50%;
    left: calc(50% - 139.13043px / 2);
    top: calc(50% - 139.13043px / 2);
    left: -moz-calc(50% - 139.13043px / 2);
    top: -moz-calc(50% - 139.13043px / 2);
    width: 139.13043px;
    height: 139.13043px;
    background: #fff;
    text-align: center;
    display: table;
}

reduce the value of 139 to a lower value.

Please note all the values must be same.

samratsaam

hi i tried the above code but i could not find any difference. what i wish to do is to have
1. variable thickness of the circles ie the thickness of the various color borders. variable means i can change it to my liking.
2. size of the circle. it looks like the radius of the circle is 80px. i use the following code to say so.
.uber-stats.style-7 .stats-list .progress-pie-chart {
width: 160px;
height: 160px;
border-radius: 50%;
background-color: #ecf0f1;
position: relative;
border: 20px solid #ffffff;
}

Regards
Yudi

Ninja

samratsaam
Hi
The size value is still same.
Kindly change the values : http://prntscr.com/p9lc7l

    left: calc(50% - 139.13043px / 2);
    top: calc(50% - 139.13043px / 2);
    left: -moz-calc(50% - 139.13043px / 2);
    top: -moz-calc(50% - 139.13043px / 2);