ShannahAlbert Posted September 8 Share Posted September 8 I am using icons for my Squarespace Courses sidebar lesson thumbnails and although my PNG file is transparent the thumbnail is not transparent on the sidebar. I have figured out how to remove the play button (thank you Becca Harpain) and update the background color on lessons that are NOT active .course-item__side-nav-thumbnail { background: #F1F1F4; } How would I modify this to update the background color on the ACTIVE lesson? Link to comment
sorca_marian Posted September 9 Share Posted September 9 Is there a way to share a link? Or is it in a private page? 👨🔧👨💻 Squarespace plugins 🙋♂️ Squarespace Custom Web Development & Design 📅 Notion alternative 📹 Squarespace Tutorials for free - YouTube📹 💯🚀 I have worked on over 200 Squarespace sites with custom code for over 9 years 🙋♂️ Let's connect on LinkedIn Link to comment
ShannahAlbert Posted September 9 Author Share Posted September 9 (edited) @sorca_marian I don't want to share my in process course but I mocked up a little test course that uses the same icons and color themes and uses the CSS above to make them gray on the side navigation bar. https://shannahalbert.squarespace.com/test-course-fgKgG Edited September 10 by ShannahAlbert sorca_marian 1 Link to comment
Solution sorca_marian Posted September 13 Solution Share Posted September 13 Something like this? .course-item .course-item__side-nav-link .course-item__side-nav-thumbnail-container { background : transparent; } 👨🔧👨💻 Squarespace plugins 🙋♂️ Squarespace Custom Web Development & Design 📅 Notion alternative 📹 Squarespace Tutorials for free - YouTube📹 💯🚀 I have worked on over 200 Squarespace sites with custom code for over 9 years 🙋♂️ Let's connect on LinkedIn Link to comment
ShannahAlbert Posted September 13 Author Share Posted September 13 (edited) @sorca_marian Yes! That worked! Thank you so much. (I had to remove the CSS I had in there that was setting the background when the thumbnail was not active - which was clumsy CSS guesswork!) Your solution is much more elegant and works when its active and not active which is clearly the way to go. Thanks again! Edited September 13 by ShannahAlbert sorca_marian 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