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

Remember to update or publish your work as you go. Follow the images below.

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 your website allows you to add custom CSS such as the Child Theme or in the Divi Theme Options. Once there, add ONE of the following pieces of CSS to adjust the width of the Protect Form. Try both and see which one works for your setup.

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

2.) .protect-div { 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