How To Use Ninja Forms WordPress Plugin to Create a Contact Form in Your Website for Free 

The issue you're encountering with embedding a video in the success message of Ninja Forms, where the video isn't centered and instead moves to the right side, can often be due to CSS styling conflicts or the way the video embed code is structured. Here are some steps to help you resolve this issue: 1. Check Video Embed Code Ensure that the video embed code you’re using is correct and does not contain any extra inline styles that might be affecting its alignment. Solution: Use a basic embed code without any additional inline styles. For example: html Copy code 2. Add CSS to Center the Video Sometimes, the success message container may not have the proper CSS to center the video. You can add custom CSS to ensure the video is centered. Solution: Add the following custom CSS to your theme's style.css file or in the Customizer under Additional CSS: css Copy code .ninja-forms-success-msg { display: block; margin: 0 auto; } This CSS rule will center any within the success message container. 3. Modify Success Message Container CSS If the above CSS does not work, the container holding the success message might have specific styling that is causing the misalignment. Solution: You can also try adjusting the CSS of the parent container: css Copy code .ninja-forms-success-msg { text-align: center; } This should center all content within the success message, including your video. 4. Check Theme or Plugin Conflicts If your theme or another plugin is overriding the default styles, it might cause the video to align incorrectly. Solution: Temporarily switch to a default theme like Twenty Twenty-One to see if the issue persists. If the problem goes away, then it’s likely a theme-related issue, and you may need to adjust the theme's CSS. 5. Responsive Design Considerations Ensure the video is responsive and scales properly on different screen sizes. Solution: You can use a responsive wrapper around the : css Copy code .responsive-video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 aspect ratio */ height: 0; overflow: hidden; max-width: 100%; background: #000; } .responsive-video-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } Then, wrap your in a div with the class responsive-video-wrapper: html Copy code This approach should help in centering the video and ensuring it looks great on all devices.

@@visualmodo thank you very much for the detailed guidance!! I’ll try them 🤩

Please follow visualmodo.com/setup-smtp-wordpress-email-delivery/

How did you made the form? what is the site admin? (WP - Dashboard - Settings - General)

As stated, I made the form in Ninja Forms and I am the admin. Additionally, I have added the small business owner as a WP admin but cannot see how to change default recipient to them in Ninja forms. Anyone know? - thanks@@visualmodo

OK I see what you mean. I've changed the admin and waiting for client to confirm change via email.

OK I have changed admin to client's email. Waiting for them to confirm change. Hopefully it will then send to them, not me.@@visualmodo

Glad to know. All the best

Really? what theme are you using? and how did you added the shortcode on your page?

My pleasure!

Glad you enjoyed it!

Thank you so much for your comment!

Thanks a lot for your comment! =)