More customization options for form elements

Wishlist Popup
1

Using a pop-up widget for newsletter susbcription. Customization is VERY POOR : no possibility to change text font, button color, button position, size of OK window. VERY DISAPPOINTED

2 Likes
3

Hi there, @Marketing_Culture_Fi :waving_hand:

I am really sorry for all the frustration! We agree that it would be really helpful to have these options right in the settings, and we’ll try to think it over in the future.

As for now, you can use CSS codes to change the appearance of the widget’s elements:

Regarding the text font, you can change the font of the heading and text elements right in the settings:

image
image329×649 13.3 KB
image
image333×545 12.4 KB


And here are the codes to change the appearance of other widget elements. All codes should be added to the Custom CSS field on the Settings tab of your widget’s settings:

Change font of form field placeholders

[class*="TextControlBase__TextControlBasePlaceholder-sc"] {
  font-family: Calibri;
}

Change font of the button text

[class*="ButtonBase__Ellipsis-sc"] {
  font-family: Times New Roman;
}

Change reCAPTCHA font:

[class*="Recaptcha__Container-sc"] {
  font-family: Times New Roman;
}

Change Submit Button color

[class*="ButtonBase__Overlay-sc"] {
  background-color: green!important;
}

Regarding the button position, could you please describe where you’d like it to be moved? Also, could you please specify what OK window you mean?

2 Likes