Spinning Wheel border radius customization

Ask the Community Customization
1

I would like the buttons and text field of the spinning wheel to have rounded corners. Is there any custom code for that? I would also like to request that the text be centered.

3

Hello @miko_zsolt_official :waving_hand:

Sure, this CSS code should work great:

.es-fields-short-text {
  border-radius: 10px!important
}

.es-button-base-container {
   border-radius: 10px!important
}

Feel free to adjust the border values to your liking and let me know if it helps :slightly_smiling_face:

4

Great, it works! :slightly_smiling_face: Thank you!

I would also like to request that the text be centered.

5

Ah, sorry for missing the 2nd request,

You mean the text placeholder in the Email field, right? If so, here is a CSS code for this case:

[class*="TextControlBase__TextControlBasePlaceholder-sc"] {
  text-align: center;
}
6

No problem! Actually, I’d like the descriptive text centered.

7

Got you, here is the code:

[class*="WidgetTitle__Caption-sc"] {
  text-align: center !important;
}

And if you want to center the title, please use this solution:

[class*="WidgetTitle__Header-sc"] {
  text-align: center !important;
}
8

Can the CAPTCHA info and the Privacy Policy link also be centered? And after that, I have no further requests regarding this! :slightly_smiling_face:

9

Sure :wink:

[class*="Recaptcha__Container-sc"] {
  text-align: center !important;
}

[class*="content__Disclaimer-sc"] {
   text-align: center !important;
}
10

Thank you very much! :grinning_face_with_smiling_eyes: :slightly_smiling_face: :grinning_face_with_smiling_eyes:

11

It’s my pleasure!

If anything else comes up, I’ll be happy to assist :wink: