Title: Layout customization issue.
Last modified: May 14, 2024

---

# Layout customization issue.

 *  Resolved [fumacento](https://wordpress.org/support/users/fumacento/)
 * (@fumacento)
 * [2 years ago](https://wordpress.org/support/topic/layout-customization-issue/)
 * Hello, I have a question about customizing a webpage. I’m trying to make the 
   header and footer invisible only on a specific page, while also centering a password
   input plugin in the middle of the page. I’ve protected this page, but it looks
   unattractive with the current layout. I don’t have much experience with CSS or
   HTML, but I’m willing to give it a try if I have the right instructions. Can 
   anyone provide guidance on how to achieve this?
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Flayout-customization-issue%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  Plugin Author [WP Folio Team](https://wordpress.org/support/users/buildwps/)
 * (@buildwps)
 * [2 years ago](https://wordpress.org/support/topic/layout-customization-issue/#post-17778096)
 * Hi [@fumacento](https://wordpress.org/support/users/fumacento/) ,
 * Thank you for reaching out to us and sorry for the late response.
 * First, go to **Appearance** >> **Customize** in your WordPress dashboard. Then
   open **Additional CSS** section and start adding custom style.
 * 1. To make the header and footer invisible only on a specific page
 *     ```wp-block-code
       /* Replace 'your-page-id' with the actual ID or class of your specific page */
       .your-page-id .site-header,
       .your-page-id .site-footer {
           display: none;
       }
       ```
   
 * 2. Centering a password input plugin in the middle of the page (**Single Protection
   Form**)
 *     ```wp-block-code
       .your-page-id .ppw-post-password-container{
           display: flex;
           justify-content: center;
           align-items: center;
           min-height: 100vh;
       }
       ```
   
 * 3. Replace `.your-page-id` with the actual identifier of your page
 * Let us know if it works.

Viewing 1 replies (of 1 total)

The topic ‘Layout customization issue.’ is closed to new replies.

 * ![](https://ps.w.org/password-protect-page/assets/icon-256x256.jpg?rev=3263311)
 * [PPWP - Password Protect Pages](https://wordpress.org/plugins/password-protect-page/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/password-protect-page/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/password-protect-page/)
 * [Active Topics](https://wordpress.org/support/plugin/password-protect-page/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/password-protect-page/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/password-protect-page/reviews/)

## Tags

 * [layout](https://wordpress.org/support/topic-tag/layout/)

 * 2 replies
 * 2 participants
 * Last reply from: [WP Folio Team](https://wordpress.org/support/users/buildwps/)
 * Last activity: [2 years ago](https://wordpress.org/support/topic/layout-customization-issue/#post-17778096)
 * Status: resolved