[Rue NelModerator]

Hello There,

Thanks for updating in! At the moment, the spinner is gone. This must be a bug in the latest release of the Contact Form 7. There was supposed to be a spinner which will display as soon as you click on submit. You can replace the missing spinner by the way. To do that, please check it here: https://wordpress.org/support/topic/replace-ajax-loader-with-font-awsome-spinner/

And to center checkboxes in smaller screens, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

@media(max-width: 767px){
  .wpcf7-checkbox .wpcf7-list-item{
    float: none;
    text-align: left;
  }
}

Hope this helps. Please let us know how it goes.

[FrocreateParticipant]

Thank you again.

The CSS did the trick on the alignment issue.

However I could not figure out how to activate the spinner. I placed the CSS and Javasript in my themes front-end edit areas but did not notice an effect.

[RadModerator]

Hi there,

Maybe you can register your own load

Please add this CSS to Admin > Appearance > Customizer > Custom > CSS

.ajax-loader {
display: none;
position: relative;
margin-left: 10px;
}
.ajax-loader:before {
content: url(URL_OF_GIF_LOADER);
display:inline-block;
width: 16px;
height: 16px;
}
.ajax-loader.is-active {
display: inline-block !important;
}

Download your preloader gif here http://preloaders.net/en/circular/4/, then upload it in on your site’s media library. Then copy the resulting URL and update the above CSS.

Hope this helps.

[Author]

Posts