Jump to content

Can i use a different logo on a different page?

Go to solution Solved by Beyondspace,

Recommended Posts

2 hours ago, johnnyaugust said:

Site URL: https://johnaugustdesign.com/work

Can someone help me with the code on my site? I'm trying to use a white version of my logo on one page and a black version on the others. Thanks!! This is the one page i need the different logo https://johnaugustdesign.com/work

You can, could you upload the different logo into Custom Css->Manage files section and send the image url?

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
  • Solution
48 minutes ago, johnnyaugust said:

Here's the link. It needs to go on mobile and desktop view on johnaugustdesign.com/work

https://static1.squarespace.com/static/5f5e76e6d641c0549865d4c0/t/600b8738c85a230cb4bce0d9/1611368248023/JADLOGO3-white.png

 

Thank you!

Add this to Design->Custom CSS

#collection-5f66e551f6f62d6a787b0e5d .header-title-logo img {
  opacity: 0;
}
#collection-5f66e551f6f62d6a787b0e5d .header-title-logo a {
  background: url(https://static1.squarespace.com/static/5f5e76e6d641c0549865d4c0/t/600b8738c85a230cb4bce0d9/1611368248023/JADLOGO3-white.png);
  background-repeat: no-repeat;
  background-size: 110%;
}
#collection-5f66e551f6f62d6a787b0e5d .header-mobile-logo img {
  opacity: 0;
}
#collection-5f66e551f6f62d6a787b0e5d .header-mobile-logo a {
  background: url(https://static1.squarespace.com/static/5f5e76e6d641c0549865d4c0/t/600b8738c85a230cb4bce0d9/1611368248023/JADLOGO3-white.png);
  background-repeat: no-repeat;
  background-size: 110%;
  display: inline-block;
}

image.png.17c9b88843d462b206c6180428ad3c18.png

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
17 minutes ago, bangank36 said:

Add this to Design->Custom CSS


#collection-5f66e551f6f62d6a787b0e5d .header-title-logo img {
  opacity: 0;
}
#collection-5f66e551f6f62d6a787b0e5d .header-title-logo a {
  background: url(https://static1.squarespace.com/static/5f5e76e6d641c0549865d4c0/t/600b8738c85a230cb4bce0d9/1611368248023/JADLOGO3-white.png);
  background-repeat: no-repeat;
  background-size: 110%;
}
#collection-5f66e551f6f62d6a787b0e5d .header-mobile-logo img {
  opacity: 0;
}
#collection-5f66e551f6f62d6a787b0e5d .header-mobile-logo a {
  background: url(https://static1.squarespace.com/static/5f5e76e6d641c0549865d4c0/t/600b8738c85a230cb4bce0d9/1611368248023/JADLOGO3-white.png);
  background-repeat: no-repeat;
  background-size: 110%;
  display: inline-block;
}

image.png.17c9b88843d462b206c6180428ad3c18.png

Legend! 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.