🛑Fix Email Optin Form

Step 01:

Open Supplementary Folder & Copy that Custom CSS Code. Or you can copy from below.

@media (min-width: 767px) {
	/*set the width of the button*/
	.et_pb_newsletter_fields .et_pb_newsletter_button_wrap {
		flex-basis: 165px !important;
	/*set the width of the input field minus the width of the button*/
	.et_pb_newsletter_form .et_pb_newsletter_field {
		flex-basis: calc(100% - 165px) !important;

.custom-opt p.et_pb_newsletter_field {
    min-width: 100%;
.custom-opt p.et_pb_newsletter_button_wrap {
    min-width: 100%;

Note: This is just for Email Optin Module. If you'd like to use the section which has Email Optin Module then use this CSS, otherwise leave it.

Step 02:

Login to your WordPress Dashboard & Hover Divi Tab, then Click "Theme Option".

Step 03:

Scroll to the Bottom & Paste that Custom CSS Code right here. That's It!

That's It! You're Done 😎

Last updated