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
changing the size of circles in the JA ACM's statistics block type
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.
17 days later
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
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);