Submit Button – Contact Form 7 (CF7) – center misalignment

  • Resolved vitruvian1man

    (@vitruvian1man)


    3 years, 8 months ago

    After updating plugins and theme to the most recent versions (in past week), I noticed that the submit button of Contact Form 7 is misaligned within its container. It should be centered, but it is shifted slightly to the left. It shifts to the left a split-second after the page loads.

    Since I’m using Elementor Widgets – EA Contact Form 7 to edit the CF7 form, I thought I’d ask whether this problem might be associated with the plugin. If not, I’ll ask CF7 or my theme provider.

    Here’s what I’ve done to troubleshoot.

    Used inspector tool of chrome-based browser and clicked on the submit:

    <p>
	<input type="submit" value="Send" class="wpcf7-form-control wpcf7-submit" aria-invalid="false">

	<span class="ajax-loader">
		::before
	</span>

</p>

    I noticed the ajax-loader. Not sure whether this has always been here. However, in the inspector, I deleted ajax-loader. After doing so, the submit button immediately realigned properly to the center of the container.

    Question
    Is there a way for me to delete ajax-loader in the plugin’s code? Is it needed? Or, is there a way to prevent ajax-loader from causing the submit button to mis-align (off-of-center to the left)?

    • This topic was modified 3 years, 8 months ago by vitruvian1man. Reason: typo with CF7

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Abid Hasan

    (@abidhasan112)

    Hi @vitruvian1man ,

    Hope you’re doing good!
    Thanks for pointing this out. I already informed our dev team according to this. This misaligned issue will be fixed in the next release of EA.

    However, to hide this ajax-loader, you can add this custom CSS on your stylesheet for now:

    .elementor-widget-eael-contact-form-7 .ajax-loader {
    display: none;
}

    Thank you!

    Thread Starter vitruvian1man

    (@vitruvian1man)

    Thank you, @abidhasan112 , for the prompt reply/feedback and CSS code snippet. It worked well for me.

    Regards,

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Submit Button – Contact Form 7 (CF7) – center misalignment’ is closed to new replies.