Need to Remove Footer & Nav Menu

Resolved charique
(@charique)

8 years ago

I’m working on a site for a client and I need to customize the password page. Right now, I have the form and password button but I need to remove the nav panel and footer.

I tried several CSS codes to remove them but I’m hitting a brick wall. Help is greatly appreciated!

The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)

Theme Author oceanwp
(@oceanwp)

8 years ago

Hello, you want to remove everything except the password form, that’s right?

Thread Starter charique
(@charique)

8 years ago

Yes, and add a background image.
emranemranx
(@emranemranx)

8 years ago
Hi Charique,

You can try adding the following code to your Admin Panel > Appearance > Customize > Additional CSS field:
```
header#site-header, footer {
  display: none;
}
```
Thanks!
Thread Starter charique
(@charique)

8 years ago

Thanks! I’ll try that. Will it remove it from the whole site or just the password page?
Theme Author oceanwp
(@oceanwp)

8 years ago
Hello, add this code in the functions.php file of your child theme:
```
function prefix_password_protected( $return ) {

	if ( post_password_required() ) {
		$return = false;
	}

	// Return
	return $return;

}
add_filter( 'ocean_display_top_bar', 'prefix_password_protected' );
add_filter( 'ocean_display_header', 'prefix_password_protected' );
add_filter( 'ocean_display_page_header', 'prefix_password_protected' );
add_filter( 'ocean_display_footer_widgets', 'prefix_password_protected' );
add_filter( 'ocean_display_footer_bottom', 'prefix_password_protected' );
```
Thread Starter charique
(@charique)

8 years ago

Thanks!

Theme Author oceanwp
(@oceanwp)

8 years ago

You’re welcome 🙂

Thread Starter charique
(@charique)

8 years ago

That worked!

I downloaded the child theme, imported my settings, and the page is now blank except for the form. I also need to put a placeholder background image on this page until my client gives me the actual image for the page.

I uploaded the placeholder image in the media library. What code can I use for this? The one I tried didn’t work.

Thanks
Theme Author oceanwp
(@oceanwp)

8 years ago
Hi, first, add this code in your functions.php file:
```
function prefix_password_protected_class( $classes ) {

	if ( post_password_required() ) {
		$classes[] = 'password-protected';
	}

	// Return
	return $classes;

}
add_filter( 'body_class', 'prefix_password_protected_class' );
```
Then add this css code:
```
body.password-protected {
    background-image: url(IMAGE_URL);
}
```
- This reply was modified 8 years ago by oceanwp.