Modal button; legal field indenting; changing text colour in ‘message sent’

  • Resolved jennyanderson

    (@jennyanderson)


    6 years, 1 month ago

    A few of things.
    The modal button doesn’t work. Not a big problem as I can enter the code by cutting and pasting it in. The button depresses with blue outline, but no drop down to show forms.

    The legal field.
    I’ve used it in a previous form, and the square tick box and text align to the left.
    I’ve duplicated this form to make some edits, but now when I enter the legal field, the box and text indents about 1inch.
    When I add a legal field, it appears as normal to the left; I save the form, then check it – but it appears indented. If I click one third, it’ll reduce the indent to ? inch.
    This also happens in a completely new form.

    Success / fail message after email sent
    It looks like no message is appearing in the box. Well it does, but it’s in white text on a white background – where do I change the colour of the text for this message?

    Thanks.

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hey there, @jennyanderson!

    Sorry to hear about this issues, let’s tackle each point:

    Add HappyForms modal: could you share a screenshot of what you see? Would you also share the output of your error console, if possible? We have a hunch a Javascript error is preventing this from working correctly.

    Legal field and Success/failure message: it would be great if we could take a look at your page directly. Could you share a link?

    Thread Starter jennyanderson

    (@jennyanderson)

    Hi,
    I can’t see how to attach the screenshots here, so I’ve added them to the page on my website.
    This is a page I’m trying out various form layouts https://ec2-18-236-82-70.us-west-2.compute.amazonaws.com/contact-form-test-page/
    – to see the indented legal field.
    – you can try sending a message to see the white text / white background.
    I’m a DIY / amateur, so if you can explain things in layman’s terms I’d appreciate it.
    Thanks.

    Thanks, @jennyanderson!

    We investigated the issue with Legal part and noticed that there’s an extra Placeholder part added below with Title placement set to Left. That triggers a behavior in Legal to align with the part below it and causes the indentation. Would you mind changing Title placement of Placeholder to Above or remove the Placeholder altogether? That will fix it up for you.

    As for the empty white space when submitting the form — it looks like your theme is overriding HappyForms styles. We’ll be sure to strengthen the selector and patch it up in next release. In a meantime, you can use this CSS snippet which should do the trick for you:

    form > .happyforms-message-notices h2 {
  color: var(--happyforms-color-primary);
}

    Let us know how you go! ??

    Thread Starter jennyanderson

    (@jennyanderson)

    Hi,
    I’ve removed the placeholder so legal field is now properly left aligned. I was using it as a spacer, set to ‘left’ as it gave a little less space than if set to ‘above’ – but it’s fine without.

    I didn’t realise it was my theme overriding you. Thanks for the CSS snip, which didn’t work – I think I’m pasting it into the wrong place. So I changed the theme font colour from white instead.

    No news on the modal button, but works just fine pasting it in with the shortcode widget.

    Many thanks for your help and replying so quickly.

    Glad to hear that you managed to fix up the placeholder issue, @jennyanderson!

    The CSS snippet should go to your theme’s style.css file or Additional CSS tab in Customizer.

    Let us know your thoughts! ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Modal button; legal field indenting; changing text colour in ‘message sent’’ is closed to new replies.