Jump to content

Remove logo from one page

Go to solution Solved by Ziggy,

Recommended Posts

<style>
  h1#logoImage {
    display: none;
}
</style>

I'm using the code above from @tuanphan to hide the logo on the homepage. It worked perfectly, but when I left the site and returned, it no longer did.

In addition, the logo from the site I duplicated to create this one is appearing on certain pages such as https://ranunculus-carrot-mpx5.squarespace.com/portfolio/loughrea-hotel-wedding-4elsa-tnsjw-6tw2w I've removed all images from the assets folder, as well as the custom files, so this should not be happening?!?

Advice much appreciated! 

Link to comment

@DreamrW Can you share the site wide password to your website? The code you need varies depending on your version of Squarespace.

(Not relevant to your question; but the link you shared suggests that you are duplicating portfolio items, but not updating the auto-generated URL, you may want to go though and update these to relate to the page contents.)

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

Link to comment
14 minutes ago, Ziggy said:

@DreamrW Can you share the site wide password to your website? The code you need varies depending on your version of Squarespace.

(Not relevant to your question; but the link you shared suggests that you are duplicating portfolio items, but not updating the auto-generated URL, you may want to go though and update these to relate to the page contents.)

Apologies! It's Galway2023

Link to comment
Just now, DreamrW said:

Apologies! It's Galway2023

 

15 minutes ago, Ziggy said:

@DreamrW Can you share the site wide password to your website? The code you need varies depending on your version of Squarespace.

(Not relevant to your question; but the link you shared suggests that you are duplicating portfolio items, but not updating the auto-generated URL, you may want to go though and update these to relate to the page contents.)

You're right, I duplicated the portfolio items, but I'll be sure to update the URL. Thanks for the heads up. 

Link to comment

Try using this instead in the page header code injection:

<style>
  .header-title-logo img {
    display: none;
}
</style>

I notice you're using other code to change your site logo, I'm wondering if that is affecting how this code is working for you.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

Link to comment
5 minutes ago, Ziggy said:

Try using this instead in the page header code injection:

<style>
  .header-title-logo img {
    display: none;
}
</style>

I notice you're using other code to change your site logo, I'm wondering if that is affecting how this code is working for you.

Great, that worked to remove the logo on the homepage, thank you! 

Any idea why I'm seeing the wrong logo on the blog pages? 

Link to comment
8 minutes ago, DreamrW said:

Any idea why I'm seeing the wrong logo on the blog pages? 

This will have been added either in Custom CSS, or in code injection on the pages or site wide:

https://support.squarespace.com/hc/en-us/articles/205815928-Adding-custom-code-to-your-site

My feeling is that it's in the Custom CSS and will include this:

.header-title-logo a {
    background-image: url(https://static1.squarespace.com/static/6279030…/t/627d781…/1652389915843/Gary-Barrett-Photography-Logo-Black.png);
    background-size: cover;
    background-repeat: no-repeat;
}

as well as another line setting the "actual" logo to visibility:hidden;

You may have to search through the CSS to find it and remove it, but be careful removing elements if you don't know what they are doing. Good luck!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

Link to comment
12 minutes ago, Ziggy said:

This will have been added either in Custom CSS, or in code injection on the pages or site wide:

https://support.squarespace.com/hc/en-us/articles/205815928-Adding-custom-code-to-your-site

My feeling is that it's in the Custom CSS and will include this:

.header-title-logo a {
    background-image: url(https://static1.squarespace.com/static/6279030…/t/627d781…/1652389915843/Gary-Barrett-Photography-Logo-Black.png);
    background-size: cover;
    background-repeat: no-repeat;
}

as well as another line setting the "actual" logo to visibility:hidden;

You may have to search through the CSS to find it and remove it, but be careful removing elements if you don't know what they are doing. Good luck!

It's not there! Here's the CSS 😞

 

//Custom Fonts

@font-face {
    font-family: ‘Avenir;
    src: url('https://static1.squarespace.com/static/63d436d8f9f50c66d00abb0b/t/63ec0930ca5dfc36e5ed050c/1676413232833/AvenirLTStd-Book.otf');
}

.sqsrte-large {
font-family: 'Avenir';
}

p {
font-family: 'Avenir';
}

.sqsrte-small {
font-family: 'Avenir';
}

//DESKTOP//
.header-nav-item a {
    font-family: 'Avenir';
}

// Testimonial Slider 
section[data-section-id="627d67d025dae4744dad11af"] {
  .summary-thumbnail {
    border: none;
  }
  .summary-item-list {
    pointer-events: none;
    .summary-item {
      padding-left: 20px !important;
      padding-right: 20px !important;
      @media screen and (min-width: 640px) {
        padding-left: 100px !important;
        padding-right: 100px !important;       
      }
    }
  }
   .summary-item-list img {
    border-radius: 100% !important;
    height: 150px !important;
    width: 150px !important;
  }
  .summary-thumbnail-outer-container {
    height: 150px !important;
    width: 150px !important;
    margin: 0 auto;
  }
  .summary-item-list img {
    border-radius: 100% !important;
    height: 150px !important;
    width: 150px !important;
  }
  .summary-title {
    margin-top: 30px !important;
    font-size: 1rem !important;
    font-weight: 600;
    letter-spacing: 1px;
    font-family: proxima-nova;
    text-transform: uppercase;
    text-align: center !important;
    pointer-events: none;
  }
  .sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-carousel-pager {
      float: none;
      width: 100%;
      position: absolute;
      bottom: 20%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      z-index: 9;
      color: #000 !important;
  }
  @media screen and (max-width: 640px) {
    .sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-carousel-pager {
        width: 80%;
    }
  }
}

// Slide Up Header + Navigation On Load //

header {
  animation: fade-intro-up 1s ease;
  -webkit-animation: fade-intro-up 2s ease;
}

@keyframes fade-intro-up {0%{opacity: 0;-webkit-transform: translate3d(0,50px,0);-moz-transform: translate3d(0,50px,0);-ms-transform: translate3d(0,50px,0);-o-transform: translate3d(0,50px,0);transform: translate3d(0,50px,0);}100%{opacity: 1;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}}

// Stretchy Navigation Line - v2 //

.header-nav-item::after {
  content: '';
  background: #C1B59B; //color
  height: 1px; //thickness
  width: 0;
  display: block;
  margin-top: 2px !important;
  transition: width .5s; //animation speed
  margin: 0 auto;
}

.header-nav-item:hover::after {
  width: 100%;
}

.header-nav-item--active a {
    background-image: none !important;
}

// Highlight Border Button //

.sqs-block-button-element--small{
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.sqs-block-button-element--small:hover
{
  box-shadow: inset 0 0 0 1px #C1B59B;
}

// Centre Image Gallery bottom row //

@media screen and (min-width:992px) {
[data-section-id="6283d753c96085051512eeb0"] figure:nth-child(n+25) {
    position: relative;
    left: 265%;
}
}

//DDMMYY

.field.month.two-digits{
   left:~'calc(3.5rem + 2%)'
}
.field.day.two-digits {
   left:~'calc(-3.5rem - 2%)'
}

Link to comment
  • Solution

Can you check the page header code injection? Specifically on the blog page?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

Link to comment
  • 7 months later...
On 2/22/2023 at 6:39 PM, DreamrW said:

Great, that worked to remove the logo on the homepage, thank you! 

Any idea why I'm seeing the wrong logo on the blog pages? 

 

On 2/22/2023 at 6:32 PM, Ziggy said:

Try using this instead in the page header code injection:

<style>
  .header-title-logo img {
    display: none;
}
</style>

I notice you're using other code to change your site logo, I'm wondering if that is affecting how this code is working for you.

Hey Ziggy, the logo has reappeared in the homepage - I've checked and the code injection hasn't changed at all. Can you advise why this may have happened? 

https://padraicfallonphoto.ie/

 

Thanks in advance

Link to comment
On 10/11/2023 at 11:41 PM, DreamrW said:

 

Hey Ziggy, the logo has reappeared in the homepage - I've checked and the code injection hasn't changed at all. Can you advise why this may have happened? 

https://padraicfallonphoto.ie/

 

Thanks in advance

Change to this code

<style>
  .header-title-logo img {
    display: none !important;
}
</style>

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.