diff --git a/assets/css/src/components-form-editor/_block-editor.scss b/assets/css/src/components-form-editor/_block-editor.scss index 2e9017e599..3c304940d8 100644 --- a/assets/css/src/components-form-editor/_block-editor.scss +++ b/assets/css/src/components-form-editor/_block-editor.scss @@ -68,6 +68,7 @@ h2 { font-size: 1em; line-height: 1.5; } + .mailpoet_text_label { font-size: 1em; line-height: 1.2; diff --git a/assets/js/src/form_editor/components/form_styling_background.jsx b/assets/js/src/form_editor/components/form_styling_background.jsx index 9183c6577e..d5aa5ece30 100644 --- a/assets/js/src/form_editor/components/form_styling_background.jsx +++ b/assets/js/src/form_editor/components/form_styling_background.jsx @@ -12,23 +12,8 @@ const FormStylingBackground = ({ children }) => { borderColor, alignment, formPadding, - } = useSelect( - (select) => { - const settings = select('mailpoet-form-editor').getFormSettings(); - - return { - backgroundColor: settings.backgroundColor, - fontColor: settings.fontColor, - fontSize: settings.fontSize, - borderRadius: settings.borderRadius, - borderSize: settings.borderSize, - borderColor: settings.borderColor, - alignment: settings.alignment, - formPadding: settings.formPadding, - }; - }, - [] - ); + backgroundImageUrl, + } = useSelect((select) => select('mailpoet-form-editor').getFormSettings(), []); let borderStyle; if (borderSize && borderColor) { @@ -61,6 +46,7 @@ const FormStylingBackground = ({ children }) => { padding, width: 700, margin: '0 auto', + backgroundImage: `url(${backgroundImageUrl})`, }} > {children}