Add this code to the Custom CSS field on the Settings tab of your Calculator widget’s settings:
/* Section title /
[class='results__Container-sc'] > [class*='typography__Container-sc'] {
font-size: 32px;
}
/* Result title /
[class='result-primary__PrimaryContainer-sc'] > [class*='typography__Container-sc'] {
font-size: 20px;
}
/* Primary result /
[class='result-primary__HiddenValue-sc'] + [class*='animated-number__Content-sc'] {
font-size: 32px !important;
}
/* Secondary result /
[class='result-secondary__HiddenValue-sc'] + [class*='animated-number__Content-sc'] {
font-size: 16px !important;
}
/* Secondary result label title /
[class='result-secondary__SecondaryLabel-sc'] > [class*='typography__Container-sc']:first-child {
font-size: 15px !important;
}
/* Secondary result label description /
[class='result-secondary__SecondaryLabel-sc'] > [class*='typography__Container-sc']:nth-child(2) {
font-size: 13px !important;
}
Guys, if this code was helpful to you, please drop a line in the comments. Your feedback helps us improve our services and provide better solutions 