Same form on dev site with different them, form displays differently

  • Resolved SRD75

    (@srd75)


    3 months, 1 week ago

    Hi,

    We’re rebuilding our website using Divi.

    The prod website was duplicated to https://dev.webby.net.au/silcgroup/

    At the bottom of the prod site, the submit button is on the right, and the warning messages don’t appear upfront like they do on the dev site.

    How do we make the dev site’s form look and behave like the prod site?

    Thank you.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Support Faisal Ahammad

    (@faisalahammad)

    Hi @srd75,

    It looks like the production site was built using Elementor, while the development site uses the Divi page builder. On the production site, custom CSS code might be utilized.

    You can follow the article here: https://ninjaforms.com/blog/single-row-wordpress-signup-form/ to create an inline form similar to the production site.

    The following custom CSS is used on the production site to hide the second error message. You can use the same CSS code to hide the second error message.

    .ninja-forms-req-symbol, .nf-error-msg.nf-error-field-errors, .nf-form-fields-required {
      display: none !important;
    }

    Give it a try, and let me know how that goes!

    Regards
    Faisal

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.