Skip to content

Instantly share code, notes, and snippets.

@Zodiac1978
Last active June 17, 2024 13:58
Show Gist options
  • Save Zodiac1978/7097af2fe52e5bee0d79d9522dd961f1 to your computer and use it in GitHub Desktop.
Save Zodiac1978/7097af2fe52e5bee0d79d9522dd961f1 to your computer and use it in GitHub Desktop.
Supreme Modules Lite (https://wordpress.org/plugins/supreme-modules-for-divi/) plugin has some minor issues which are easily fixed with some CSS
/*
Submit button aligment "center" does not work correctly:
https://stackoverflow.com/questions/72353817/contact-form-7-submit-button-alignment-issue
*/
.wpcf7-spinner {
display: block;
top: 15px;
left: 45%;
}
/*
Submit button aligment "right" does not work correctly:
https://stackoverflow.com/questions/72353817/contact-form-7-submit-button-alignment-issue
*/
.wpcf7-spinner {
display: block;
top: 15px;
left: calc(100% - 24px);
margin: 0;
}
/*
Acceptance tag modifies the cursor to "not allowed", but the plugin overrides it.
So we need to disable it again.
https://wordpress.org/support/topic/acceptance-field-does-not-work-with-validation-errors-2/#post-16790484
*/
.dsm_contact_form_7 .wpcf7-form-control.wpcf7-submit:disabled {
cursor: not-allowed;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment