How to style the “You need to be logged in.”

[papyrusdoc]

I am installing it into my site and have been successful at using the shortcodes to have the login page and password reset pages show with my site’s header and footer. The only part of the process I can’t style is after clicking a link to a protected page, I get an unstyled response that says “You need to be logged in to view this content. Please Log In.”

I know I can use the add-on to change the wording with a bit of HTML, but I was hoping I could place it in a page that has my header and footer showing.

Or do I have to see if the partial page add-on does this?

[The Assurer]

The message you’re seeing is generated directly by the content protection system rather than through a WordPress page, which is why it doesn’t inherit your site’s header, footer, or page template.

The add-on that lets you customize the message only changes the content of the notice—it doesn’t wrap it in your theme’s layout.

If you want the login prompt to appear within your site’s normal page template (including the header and footer), the Partial Pages add-on is the appropriate solution, as it displays protected content and login prompts within your site’s themed pages instead of as a standalone message.

[admin]

To add to the above, if your goal is just to visually style that message (colors, spacing, font size, etc.) rather than wrap it in your full page template, CSS will handle it.

You can inspect the message with your browser’s developer tools to find its wrapper class, then target that class in your theme’s Custom CSS (or a custom CSS plugin so the tweak survives updates). Our CSS tweaks page has examples of this approach:
https://simple-membership-plugin.com/miscellaneous-css-tweaks-simple-membership-plugin/

For more precise control, use the free Simple Membership Custom Messages addon. It lets you replace the default notice with your own text and HTML markup — so you can wrap the message in a div with your own class or id, then target that with CSS to style it exactly how you like:
https://simple-membership-plugin.com/simple-membership-custom-messages-addon/

[Author]

Posts