Change font size of Spinning Wheel elements

Ask the Community General Questions
1

Hello. Is this text size feature only available on certain subscriptions? On the left side bar mine shows content, settings, notification, theme. I don’t have style.

1 Like
Larger font
3

Hi there and welcome to the Community, @user33413 :waving_hand:

The screenshot from this thread shows settings of the Number Counter widget, which are different from the Spinning Wheel app.

Unfortunately, the Spinning Wheel app doesn’t have a built-in setting for change the font size of its elements. I agree that it would be awesome to have this option right in the settings and I’ve added this idea to the Wishlist on your behalf: Setting for changing the font size of all elements

As for now, here is the code for changing the font size of each widget element:

/*title */
[class*="WidgetTitle__Header-sc"] {
  font-size: 40px;
}

/*caption*/

[class*="WidgetTitle__Caption-sc"] {
  font-size: 20px;
}

/*Email placeholder */

[class*="TextControlBase__TextControlBasePlaceholder-sc"] {
  font-size: 20px;
}

/*Spin Now button */

.es-button-base-ellipsis {
  font-size: 20px;
}

/*No, thank you button */

[class*="content__Decline-sc"] {
  font-size: 18px;
}

/*footer */

[class*="content__Disclaimer-sc"] {
  font-size: 15px;
}

/*prize text */

[class*="sector__Label-sc"] {
  font-size: 15px;
}

It should be used in the Custom CSS section on the Settings tab of your widget’s settings. Please try it out and let me know how it worked :wink: