Using CSS to remove Site Title from Product Pages

Site URL: https://www.davidirelandsings.com/operagarb

Hi!
Just wondering if there's a way to use group all product pages together without using their individual IDs?

I'm trying to take my site title (and nav footer) off all product pages, but would rather not do it for each one individually, as it'll mean adding to the code every time I add a new item. Is this possible?

D

It looks like you removed Header? Do you still need help?

3 minutes ago, tuanphan said:

It looks like you removed Header? Do you still need help?

I have managed to remove the header on all products, yes, though I'm wondering if it's possible to change the text of the site title in any way, so I could display the title but with changed text?

On 6/3/2022 at 9:35 PM, Direlandsings said:

I have managed to remove the header on all products, yes, though I'm wondering if it's possible to change the text of the site title in any way, so I could display the title but with changed text?

Sorry for delay. Do you still need help?

3 hours ago, tuanphan said:

Sorry for delay. Do you still need help?

Yes please! Sorry for my delay, too!!

Basically, you'll see that on https://www.davidirelandsings.com/biography, there is a site title and tagline that reads "David Ireland" and "Bass-Baritone"

I have hidden this on https://www.davidirelandsings.com/operagarb and replaced it with a Header section in the Body of the page.

Instead of this workaround, is there a way to change the site title and tagline text to "OperaGarb" and "Unique Products for Music Lovers" on JUST https://www.davidirelandsings.com/operagarb and related product pages?

I haven't been able to work it out, and I'm assuming it's not possible because the site title and tagline are set in the squarespace menus?

Any advice appreciated!

First, remove this code

#collection-623350ff22cf6d4f7714812b header {
    display: none;
}

Next, add this new code

#collection-623350ff22cf6d4f7714812b nav.Header-nav.Header-nav--primary:before {
    content: "Openagrarb";
    font-family: acumin-pro-condensed;
    font-weight: bold;
    font-style: normal;
    font-size: 60px;
    letter-spacing: .2em;
    line-height: 1.2em;
    text-transform: uppercase;
    color: #131516;
    margin-bottom: 20px !important;
    display: block;
}

On 6/13/2022 at 9:18 AM, tuanphan said:

First, remove this code

#collection-623350ff22cf6d4f7714812b header {
    display: none;
}

Next, add this new code

#collection-623350ff22cf6d4f7714812b nav.Header-nav.Header-nav--primary:before {
    content: "Openagrarb";
    font-family: acumin-pro-condensed;
    font-weight: bold;
    font-style: normal;
    font-size: 60px;
    letter-spacing: .2em;
    line-height: 1.2em;
    text-transform: uppercase;
    color: #131516;
    margin-bottom: 20px !important;
    display: block;
}

 

Thanks! This has about the same effect as using a block, just different placement in the coding, I suspect.

I'll stick with what I've got, I think, just to make life easier. Thanks for your help, though!

D