studiorollo Posted February 15, 2022 Share Posted February 15, 2022 Site URL: https://www.studiorollo.com/creations Hi there, The beneath code has worked for me, however. I only want to have the alternative logo on the main portfolio grid page. Not in any of the sub pages. How can I do this? Thanks! <style> .header-title-logo img { visibility: hidden; } .header-title-logo a { background-image: url(https://static1.squarespace.com/static/61f5cc0be7e75c734cc1b632/t/620a7f19227f095ddeb94a5a/1644855066029/StudioRollo_LogoS_Horizontal_Parsley.png); background-size: contain; background-repeat: no-repeat; background-position: center center; } </style> Link to comment
Beyondspace Posted February 15, 2022 Share Posted February 15, 2022 28 minutes ago, studiorollo said: Site URL: https://www.studiorollo.com/creations Hi there, The beneath code has worked for me, however. I only want to have the alternative logo on the main portfolio grid page. Not in any of the sub pages. How can I do this? Thanks! <style> .header-title-logo img { visibility: hidden; } .header-title-logo a { background-image: url(https://static1.squarespace.com/static/61f5cc0be7e75c734cc1b632/t/620a7f19227f095ddeb94a5a/1644855066029/StudioRollo_LogoS_Horizontal_Parsley.png); background-size: contain; background-repeat: no-repeat; background-position: center center; } </style> You can try adding to the page id in your code #page-id .header-title-logo img { visibility: hidden; } #page-id .header-title-logo a { background-image: url(https://static1.squarespace.com/static/61f5cc0be7e75c734cc1b632/t/620a7f19227f095ddeb94a5a/1644855066029/StudioRollo_LogoS_Horizontal_Parsley.png); background-size: contain; background-repeat: no-repeat; background-position: center center; } You can try using the extension Squarespace ID Finder: https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en Here is how you can get the page id: http://recordit.co/qwnj09oNCa 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, Lightbox Studio pluginIf 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
studiorollo Posted February 15, 2022 Author Share Posted February 15, 2022 Hey thank you, So I have the page ID now – but where do I insert it in the script? And also do I put it on the Design CSS, or in the individual page? Thank you!! Link to comment
tuanphan Posted February 19, 2022 Share Posted February 19, 2022 On 2/15/2022 at 7:18 PM, studiorollo said: Hey thank you, So I have the page ID now – but where do I insert it in the script? And also do I put it on the Design CSS, or in the individual page? Thank you!! Add this to Portfolio Page Header <style> body.view-list .header-title-logo img { visibility: hidden; } body.view-list .header-title-logo a { background-image: url(https://static1.squarespace.com/static/61f5cc0be7e75c734cc1b632/t/620a7f19227f095ddeb94a5a/1644855066029/StudioRollo_LogoS_Horizontal_Parsley.png); background-size: contain; background-repeat: no-repeat; background-position: center center; } </style> Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment