DiviTemp
  • 👋Welcome To DiviTemp's Documentation
  • 📗DiviTemp's Layouts
    • DiviMade
      • 📤Installation
      • 📄File Structure
      • ☁️Upload Divitemp's Layouts on DiviCloud
      • 🕒Business Hours Module is Missing
    • DiviCommerce
      • 📤Installation
      • 🛍️Shop Page
      • 👞Single Product
      • 🛒Cart Page
      • 💰Checkout
      • 🔐My Account
    • Blogkit
      • 📤Installation
      • ☑️Single Post
      • ☑️Blog Page
      • ☑️Search Result Page
      • ☑️404 Error Page
      • ☑️Custom Header
      • ☑️Custom Footer
      • 🛑Fix Email Optin Form
    • DiviMod
      • 📤Installation
      • 📄File Structure
  • ❓FAQs
    • ✅Frequently Asked Question:
    • 🛑Important Note
Powered by GitBook
On this page
  • Step 01:
  • Step 02:
  • Step 03:
  1. DiviTemp's Layouts
  2. Blogkit

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 😎

PreviousCustom FooterNextDiviMod

Last updated 2 years ago

📗
🛑