Removing site title and tag line from SINGLE page

I use this CSS to remove the Title/Tag Line from all pages that are not the home page.

body:not(.homepage) { .logo, .site-tagline, { visibility: hidden; } }

I want to remove it ONLY for a SINGLE, individual inside page.

Can anyone advise?

Hello Biceps Nikes,

Try going to the Advanced settings for the page itself and in the PAGE HEADER CODE INJECTION enter something like the following...

<style>
 .site-title, .site-tagline {
   visibility: hidden;
 }
</style>

You may want to use display: none; instead if you want to close up the gap. Let us know how it goes.

Toodle-loooooooo..........

Thomas

It worked perfectly. To hide the site description, would the following work?

<style>
 .site-description {
   visibility: hidden;
 }
</style>

Thanks!

It worked perfectly. To hide the site description, would the following work?

<style>
 .site-description {
   visibility: hidden;
 }
</style>

Thanks!

It worked perfectly. To hide the site description, would the following work?

<style>
 .site-description {
   visibility: hidden;
 }
</style>

Thanks!

It worked perfectly. To hide the site description, would the following work?

<style>
 .site-description {
   visibility: hidden;
 }
</style>

Thanks!

I'd appreciate it if you would click the check mark next to my answer to mark it as the accepted answer and click on the up arrow to like my post.

As to your question about hiding the site-description, please post a new question and I'll try to answer there. If you could tell us what template you're using and provide the URL for your website that would be helpful.

This worked to hide the site description, however the space where that paragraph showed is now a big empty space.

grazierphotography.com

This worked to hide the site description, however the space where that paragraph showed is now a big empty space.

grazierphotography.com

It works to hide but the display:none; does not work.

This works in CSS!

#title-area h1 {display: none !important; }

This works in CSS!

#title-area h1 {display: none !important; }

Copy and paste the below text to Design > Custom CSS
Note custom code injection is unsupported on the basic Squarespace Plan.

.homepage .Header-tagline {
  display: none !important;
}