Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search


  • Content Count

  • Joined

  • Last visited

  1. <style> .logo-image img { display:none; } .logo-image a { width: 256px; height: 100px; background-image: url(http://static.squarespace.com/static/xxx/logo-black.png) } body.collection-type-index .color-weight-dark .logo-image a { background-image: url(http://static.squarespace.com/static/xxx/logo-white.png) } </style> The code will hide your default logo image It sets the background of the logo image a tag to be the dark logo by default It will change the background image to the white logo only when the page is displaying a body.collection-type-index and .color-weight-dark. PS. I just added an unlinked page with my 2 logo versions so SquareSpace is hosting the logos. Then I viewed the page source to find where the images are located to use in the above css. Try it out! Enjoy.
  • Create New...