Jump to content

Can i use a different logo on a different page?

Recommended Posts

  • Replies 4
  • Created
  • Last Reply
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?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

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

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, 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

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.