Irungu Posted October 6, 2022 Share Posted October 6, 2022 Site URL: http://www.wrpartnershipdemo.com Hello, I need some help changing the colour of my website navigation social links and button to match the WRP Commercial page and WRP Social Impact colours when you are on those two pages only, for both desktop and mobile. I'm not able to achieve this in site styles. Thanks. Link to comment
Beyondspace Posted October 7, 2022 Share Posted October 7, 2022 (edited) 22 hours ago, Irungu said: Site URL: http://www.wrpartnershipdemo.com Hello, I need some help changing the colour of my website navigation social links and button to match the WRP Commercial page and WRP Social Impact colours when you are on those two pages only, for both desktop and mobile. I'm not able to achieve this in site styles. Thanks. Try adding to Home > Design > Custom Css .header-actions-action--social .icon--fill svg { fill: red !important; } If you need to set for some pages, you can get the page ID and add to my above code Squarespace ID Finderhttps://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en How to get Page Id: http://recordit.co/qwnj09oNCa Edited October 7, 2022 by bangank36 Irungu 1 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace (+100 Spark plugin customisations) 🥳 Freemium Squarespace Widget Templates (+1000 Elfsight 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
Beyondspace Posted October 7, 2022 Share Posted October 7, 2022 My testing BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace (+100 Spark plugin customisations) 🥳 Freemium Squarespace Widget Templates (+1000 Elfsight 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
Irungu Posted October 7, 2022 Author Share Posted October 7, 2022 19 minutes ago, bangank36 said: Try adding to Home > Design > Custom Css .header-actions-action--social .icon--fill svg { fill: red !important; } If you need to set for some pages, you can get the page ID and add to my above code Squarespace ID Finderhttps://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en How to get Page Id: http://recordit.co/qwnj09oNCa Thank you so much!! This has worked. Beyondspace 1 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