Here’s how to change “The content is password protected. To view it please enter your password.” in Divi:
// Add this to your theme's functions.php or to your functional plugin.
function et_password_form_new() {
$pwbox_id = rand();
$form_output = sprintf(
'<div class="et_password_protected_form">
<h1>%1$s</h1>
<p>%2$s:</p>
<form action="%3$s" method="post">
<p><label for="%4$s">%5$s: </label><input name="post_password" id="%4$s" type="password" size="20" maxlength="20" /></p>
<p><button type="submit" name="et_divi_submit_button" class="et_submit_button et_pb_button">%6$s</button></p>
</form>
</div>',
esc_html__( 'ADD YOUR TITLE HERE', 'Divi' ),
'ADD HTML CONTENT HERE',
esc_url( site_url( 'wp-login.php?action=postpass', 'login_post' ) ),
esc_attr( 'pwbox-' . $pwbox_id ),
esc_html__( 'Password', 'Divi' ),
esc_html__( 'Submit', 'Divi' )
);
$output = sprintf(
'<div class="et_pb_section et_section_regular">
<div class="et_pb_row">
<div class="et_pb_column et_pb_column_4_4">
%1$s
</div>
</div>
</div>',
$form_output
);
return $output;
}
add_filter( 'the_password_form', 'et_password_form_new', 9999 );
That’s it!
Why is it so difficult to change “The content is password protected. To view it please enter your password.” in Divi?
Divi made a choice to deliver beautiful design above all else. Part of doing that meant that they had to write their own code to use for things like the password protected post form. Under normal circumstances, we’d simply hook into WordPress core’s “get_the_password_form()” to alter a form’s output. Since Divi doesn’t use that function, if we want to change the text in the form, we have to redefine/override Divi’s code, as described above.
Here’s the comparison between WordPress’ default password protected post form and Divi’s:
Default WordPress password protected post form Divi’s password protected post form with “The content is password protected. To view it please enter your password.” changed
With Divi’s, it looks better out of the box, and you have complete control over styling.
Also make sure to check out how to remove “Protected:” from password protected posts.
Is this helpful?
1 Comment
More posts from themightymo.com
My WordPress Maintenance Process
A few quick things: My WordPress Maintenance Process Demo, Part 1 Transcript: You’ll see immediately after logging in, you see the 11 updates needed as well as some messages. I’m just gonna quickly read. It looks like this. I don’t need to worry about. Are you enjoying Monster Insights? Not really <laugh>. What’s to enjoy…
How to style FacetWP checkbox hierarchy results using jQuery
I recently invested many hours trying to target and style a FacetWP taxonomy facet that uses hierarchy for display. It should be noted that you can use straight up CSS for some styling (and should use css wherever possible), but sometimes you need javascript to target parent elements and such. I thought I’d document the…
How to fix SpinupWP ballooning disk space issue
A site we host on Digital Ocean recently went down. It took me a lot of troubleshooting and digging before realizing that the issue was that our disk space was maxed out on Digital Ocean. The site in question needs ~20gb of space, so our 50gb server should be plenty. But alas, there it was…
[…] make sure to check out How to Change “The content is password protected. To view it please enter your password.” in Div… to further update your Divi password protected […]