Avada Forums Community Forum How to type the password to password protect page when the height covered area

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • marklchaves
    Participant
    Post count: 873

    Gotta link? Is this happening on desktop, tablet, on mobile? Portrait or landscape mode? Chrome, Safari? All of the above? What kind of HTML/CSS container is your password input field in? Are you using a third-party plugin or the Fusion Builder Login element? Or, are you using basic HTTP auth?

    Without seeing your page or code, I can only guess. Maybe you can add padding-top to the parent of your password field or set z-index to 1000. Maybe you can share a link next time?

    Read more here about asking for tech help. https://medium.com/@marklchaves/lifehacking-the-right-way-to-ask-for-help-tech-support-series-part-1-cb4d0da37eb5

    Shawnmanor
    Participant
    Post count: 6
    marklchaves
    Participant
    Post count: 873

    Getting a bad link. See screen capture.

    https://imgur.com/a/oQn97Ra

    marklchaves
    Participant
    Post count: 873

    I see it now.

    Try adding this to your custom CSS area (global in Additional CSS or just for this page). I tested 10rem on mobile, pad, and desktop viewports (portrait and landscape). 10rem should be fine, but feel free to adjust.

    
    .post-password-form {
        padding-top: 10rem;
    }
    

    Avoid using pixels. Use rem, em, or % units in this case.

    If you don’t know how to add CSS in Avada, please read this too https://theme-fusion.com/documentation/avada/how-to/how-to-apply-custom-css/

    Good luck!

    marklchaves
    Participant
    Post count: 873

    By the way. As an aside topic. You should really get your site on SSL.

    Shawnmanor
    Participant
    Post count: 6

    Really thanks, the css code works. But another problem here, when I type in the password”123″ and press the button”entre”, the page turns to empty.

    Shawnmanor
    Participant
    Post count: 6

    Help me,
    problem here, when I type in the password”123″ and press the button”entre”, the page turns to white screen, nothing here?

    ckratsasTT
    Participant
    Post count: 2

    Hey all – I’m having a similar issue where the header is covering the password form, but the above CSS doesn’t appear to fix it :/ Any ideas?

    Link to affected page: https://touchtown.com/customer-stories

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.