brendanpeer Posted January 17, 2022 Posted January 17, 2022 Hi, Im trying to add a different header logo to one of my pages. When I use the code below the logo is showing as missing. Have tried uploading the logo a few times and updating the url but it doesn't work. Is there something wrong with the code? <style> .header-title-logo a { content: url(“https://static1.squarespace.com/static/606b062dd5e36e1d63a63136/t/61e581243e95804ca710c1fc/1642430757176/2b.png”); } </style> Thanks
Beyondspace Posted January 18, 2022 Posted January 18, 2022 13 hours ago, brendanpeer said: Hi, Im trying to add a different header logo to one of my pages. When I use the code below the logo is showing as missing. Have tried uploading the logo a few times and updating the url but it doesn't work. Is there something wrong with the code? <style> .header-title-logo a { content: url(“https://static1.squarespace.com/static/606b062dd5e36e1d63a63136/t/61e581243e95804ca710c1fc/1642430757176/2b.png”); } </style> Thanks Can you share your site with the protected password so we can take a look? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! 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!
Beyondspace Posted January 18, 2022 Posted January 18, 2022 13 hours ago, brendanpeer said: Hi, Im trying to add a different header logo to one of my pages. When I use the code below the logo is showing as missing. Have tried uploading the logo a few times and updating the url but it doesn't work. Is there something wrong with the code? <style> .header-title-logo a { content: url(“https://static1.squarespace.com/static/606b062dd5e36e1d63a63136/t/61e581243e95804ca710c1fc/1642430757176/2b.png”); } </style> Thanks Or try .header-title-logo a img { visibility: hidden; } .header-title-logo a { background-image: url(https://static1.squarespace.com/static/606b062dd5e36e1d63a63136/t/61e581243e95804ca710c1fc/1642430757176/2b.png); background-size: contain; background-position: center center; background-repeat: no-repeat; } Let me know how it works BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! 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!
brendanpeer Posted January 18, 2022 Author Posted January 18, 2022 Hey bangank36 Thanks so much for your help. Unfortunately it still doesn't work. Its now showing a logo but its the same one as the homepage? Thanks
brendanpeer Posted January 18, 2022 Author Posted January 18, 2022 Hi, Here the password to the site www.heydaysworkshops.com creative23 The page with the css is 'how it works' Thanks
tuanphan Posted January 19, 2022 Posted January 19, 2022 23 hours ago, brendanpeer said: Hi, Here the password to the site www.heydaysworkshops.com creative23 The page with the css is 'how it works' Thanks Try adding to Design > Custom CSS body#collection-60b39d6ce3183158961864e9 header#header img { content: url(https://static1.squarespace.com/static/606b062dd5e36e1d63a63136/t/61e581243e95804ca710c1fc/1642430757176/2b.png); } 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!)
brendanpeer Posted January 19, 2022 Author Posted January 19, 2022 Hi tuanphan Yeah amazing that worked! can I ask what part of that code I would change (excluding the URL) if I wanted different logos on each page? Thanks
tuanphan Posted January 20, 2022 Posted January 20, 2022 3 hours ago, brendanpeer said: Hi tuanphan Yeah amazing that worked! can I ask what part of that code I would change (excluding the URL) if I wanted different logos on each page? Thanks To apply code for others page >> First, edit that page >> Add a Code Block at bottom of page >> Use this code <style> header#header img { content: url(https://static1.squarespace.com/static/606b062dd5e36e1d63a63136/t/61e581243e95804ca710c1fc/1642430757176/2b.png); } </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!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment