Keep a Protect Section Full Width while Customizing the Width of the Protect Form

1) Protect Form Width.

Navigate your way to the page where you would like to place your Protected content. Add the Protect Module into a row and then style the width of this row to 100%.

2) Custom CSS.

Make your way to the area where Divi allows you to add custom CSS (Divi > Theme Options) and then add the following CSS to adjust the width of the Protect Form.

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

Now your Protect Form will have a smaller width while your protected content will stay fullwidth.

Still need help? Contact Us Contact Us