Site-Wide Message Above Divi Page Content
Shows a short message, such as holiday hours or a shipping notice, at the top of every page's main content area in the Divi theme.
Opens WPIDE on
Code
// Message to show. Basic HTML such as <a> and <strong> is allowed.
$wpide_divi_message = 'Our office is closed from <strong>Dec 24 to Jan 2</strong>. Orders ship again on Jan 3.';
add_action( 'et_before_main_content', function () use ( $wpide_divi_message ) {
if ( '' === trim( $wpide_divi_message ) ) {
return;
}
echo '<div class="wpide-divi-message" role="status" style="background:#fff8e5;border-bottom:1px solid #f0d58c;padding:12px 20px;text-align:center;">' . wp_kses_post( $wpide_divi_message ) . '</div>';
} );Notes
Leave the message empty to switch it off without deactivating the snippet.
How to add this snippet
- Install WPIDE on your WordPress site (it is free) and open Code Snippets.
- Use snippet above adds it from the library in one click. Or copy the code into a new snippet with the same code type.
- It is added inactive: review the code and settings, then switch it on.