Make Protect Section Fullwidth and Form Not

Here is a tutorial on how to make the Protect Section fullwdith and the form to not be.

1) Make the row where you added the product module to be 100%

2) Add Custom CSS

Go to Divi > Theme Options and add the following CSS to make just the form and the "please enter..." text to not be fullwidth

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

Now it will have the form like this:

and when you submit the form, it will show the content (I added a contact form and a background just to show you)

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us