Password protection - password box not showing up

[INcroatia]

Hi there,

Our clients have had a custom theme built (we don’t have access to the code, unfortunately) which seems to be allowing the password field to be shown on each of the individual post pages (example of password field: https://www.studio528.eu/ninapeter/).
It all worked fine when Elementor was on, but we’ve since decided to switch to Pro and have noticed that while viewing the post pages in Pro, we are unable to see the password field and are unable to access the photo gallery that’s behind each post.

We will be placing an “under construction” page up, so you are welcome to go inside and have a look. The custom built theme’s name is “Studio528 2”.
And feel free to reactivate their theme Studio 528 to test out how it should function. When the old theme is active, you are able to go to this page https://www.studio528.eu/stories/#magic_word and add any password then be directed to the corresponding post. However with Pro active, you are not able to do this and you are also not able to go directly to a post and login to that one specifically. (for example, https://www.studio528.eu/ninapeter/ - password is in the secure note)

Any idea what could be “blocking” the password field from showing? What can we do to have the password protection work?

[ruenel]

Hello Paper+Screen,

Thanks for writing in!

1.) The password field is displaying on my end.

The submit button is not aligned though. To get this aligned, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.post-password-form label{
    display: inline-block;
}

2.) The Stories page is being displayed by two things in Studio528 2 theme. First, the page.php content is wrapped by a div container with a class post-content:

<? get_header(); ?>
<? the_post(); ?>

  <div id="container" class="cf">

    <div id="content">
        <span class="slogan"><? the_title(); ?></span>
        <div id="masonry">

            <article id="post-<? the_ID(); ?>" class="post page hentry static masonry-brick" style="max-width: 100%;">

                <div class="post-content">
                    <img src="<?=get_template_directory_uri();?>/images/divider.png" class="img-stat">
                    <? the_content(); ?>
                    <div class="clear"></div>
                </div>
            </article>

        </div>
    </div>
</div>


<? get_footer() ?>

And then in the style.css file, there is is custom css which centers all the content of the page:

.post-content {
    max-width: 980px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

This is a theme specific function and feature which is why as soon as your switch to Pro theme, the styling is missing and it is no longer being centered. With Pro theme, you will need to rebuilt the pages so that those pages will be editable with Pro theme. Keep in mind that only pages created with Pro theme can be edited and styled with Pro theme. Any existing pages that is not created with Pro theme may not look good as expected due to the styling were taken from the previous page builder or the previous theme itself.

Hope this helps.

[INcroatia]

Hi @ruenel,

Thank you for your reply, however, we’re not concerned with the CSS for the button just yet. We now realize that we hven’t explained our issue as well as we could have.

The main issue is that while Elementor was still on, there was one page with s “universal” password field (that page being
https://www.studio528.eu/stories/#magic_word), meaning, all people that had their own unique password would go to that one page, enter their password and would then be directed to the corresponding blog post that was protected with said password. Now, the former https://www.studio528.eu/stories/#magic_word page isn’t displaying anything, and one has to go to each and every blog post (https://www.studio528.eu/ninapeter/ , for example) to be able to type in a password.
Our clients would like us to recreate the https://www.studio528.eu/stories/#magic_word, so that anyone who has their password can return to the page, enter it and be able to view the photos as they have in the past. Otherwise, all of the blog posts that act as galleries have to be listed on one page, and there are many of them, which our clients are worried would pose an issue for thwir clients in turn, since they would have to “hunt” for their own specific gallery, instead of simply being redirected through it through a single page.

One other issue is that if you type in the password and are directed to the post, you will not see any images in the blog post, when they should be displaying.

We hope we explained our issue a bit better now.

[christopher]

Hi @INcroatia,

This seems to be a custom feature added to the website and it is outside of our support scope. It seems that the feature is Elementor dependant, I wonder if the feature works with a theme other than pro or 528 2? My guess is that it will not even work with the other themes.

Regarding the last point, I went to Nina and Peter post and changed the post from Password Protected status to the public. Even in public mode, it does not show any galleries. You first need to check and see how the gallery is implemented and how it shows.

Anyways, this seems not to be related to our theme only, you should check that with other themes and see the result, if you see the problem for example in Twenty-twenty theme, then it shows that the feature is only available for the 528 2 theme.

Thank you.