Change font size and color of elements in Results section

[Alex_Thng]

How can I customize the font size and color of the result section? In particularly, the highlighted areas.

[Max]

Hi there, @Alex_Thng

Please add this code to the Custom CSS field on the Settings tab of your widget’s settings and let me know if it helped

/* Calculation name - You're Saving */
[class*="result-primary__PrimaryContainer-sc"]:nth-child(3) [class*="typography__Container-sc"]:nth-child(1) {
  color: red;
  font-size: 24px;
}

/* Price */
[class*="result-primary__PrimaryContainer-sc"]:nth-child(3) [class*="typography__Container-sc"]:nth-child(2) {
  color: blue;
  font-size: 30px;
}

/* Caption - Big savings */
[class*="result-primary__PrimaryContainer-sc"]:nth-child(3) [class*="typography__Container-sc"]:nth-child(3) {
  color: green;
  font-size: 15px;
}

/* Footer Caption */
[class*="footer__Container-sc"] >[class*="typography__Container-sc"] {
  font-size: 15px;
  color:red;
}