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
How to optimize your Google Crawl Budget using SEM Rush Log File Analyzer and Rank Math SEO
Today I ran the SEM Rush Log File Analyzer tool, and it showed some interesting things that are a complete waste of our Google Crawl Budget. Specifically, I learned that Google is wasting some of our crawl budget on the /wp-includes/ directory, certain plugin directories, and cache directories. I also noticed random files being crawled…
Where is the Google Analytics Measurement ID?
In the vast, evolving world of web development and analytics, keeping up with terminologies and tools can sometimes feel like trying to chase a mischievous cat in a maze. You think you’ve got a grip, only for it to slip right through your fingers! Enter the mysterious “Measurement ID” from Google Analytics 4 (GA4), a…
How to Convert .aiff to .mp3 files via Command Line
Yesterday I ran into an issue where I needed to convert .aiff files to .mp3. DBPowerAmp was recommended to me as a paid GUI tool. But I wanted something more lightweight, since this is a task I rarely need to do (most of the time, I’m already in Logic Pro, and exporting is simple there).…
[…] 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 […]