Change Protect Form Width

Follow these steps to customize the width of your Divi Protect Form while keeping the protect section full width (or any other width).

Preview

Set It Up - Protect Section

1. Head over to Divi Engine > Protect Section and create a new Section.

2. Add a title, Section, Row, Module and password.

3. Within the Row settings, change the width & max-width to 100%

   Customize Our Settings - Divi Protect

   Customize the rest of your Protect Form using our documentation.

Step 3: Add Custom Code

Add the following CSS to the Divi Theme Options (or your child theme). This CSS will adjust the spacing of your Protect Form. You can adjust the max-width to be anything you want.

.et_pb_de_protect .protect-div, .et_pb_de_protect .et_pb_module_inner h3 { 
  max-width: 1080px;
  float: none;
  margin: auto;
}