Jump to content

Squarespace Courses Sidebar Lesson Thumbnail

Go to solution Solved by sorca_marian,

Recommended Posts

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
  • Solution

Something like this?
 

.course-item .course-item__side-nav-link .course-item__side-nav-thumbnail-container {
    background : transparent;
}

 

Screenshot 2024-09-13 at 10.47.24.png

 👨‍🔧👨‍💻 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

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.