Add ability to edit text style and color for header

Wishlist Calculator
1

The calculator is great, BUT I found that I was unable to edit the header’s text style or color.

2

Hi @Dave_Smith welcome to Community :clap:

thats a great idea. I can recommend this code as a quick solution.
Add this code to the Custom CSS field on the Settings tab of your Calculator widget’s settings and adjust the values ​​to suit your desired styles.

[class*='header__Container-sc'] [class*='typography__Container-sc'] {
  font-family: Roboto !important;
  font-size: 28px !important;
  color: green; // set up here your favorite font color
}
3

Hi there, @Dave_Smith :waving_hand:

Thanks a lot for sharing your thoughts!

Sina shared a great solution, so feel free to use it in your widget. Although, it’s possible to apply a custom code, we agree that it would be awesome to have header style settings right in the configurator.

We’ll try to think it over in the future updates, especially if this idea gets more votes :slightly_smiling_face: