Jump to content

Using CSS to remove Site Title from Product Pages

Recommended Posts

  • Replies 6
  • Created
  • Last Reply

Top Posters In This Topic

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?

Link to comment
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?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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!

Link to comment

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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.