Jump to content

Hide no lesson chapters

Recommended Posts

I'm trying to find a way to hide the chapters that have "0" (zero or no) lessons. I have the lessons because I'm going to fill them in later, after I launch.

I looked for a setting to hide zero lesson chapters, but couldn't find it.

I also tried CSS but to no avail, re targeting a particular ID:

.course-list__grid .course-list__grid-chapter-item { display:none;}

That turns off all the chapters.

section[data-section-id=“6554d29317f8b34c8d09677b”] .course-list__grid .course-list__grid-chapter-item {  display:none; }

That does nothing.

||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||

The full line of HTML is:

<li class="course-list__grid-item course-list__grid-chapter-item" data-chapter-id="6580794658e3f511499a206c">

For the CSS I've also tried the following, none of which works:

section[data-section-id=“6554d29317f8b34c8d09677b”] {  display:none; }
section[data-section-id=“6554d29317f8b34c8d09677b”] .course-list__grid .course-list__grid-chapter-item {  display:none; }
Variations of above include li.course-list__grid .course-list__grid-chapter-item, #6554d29317f8b34c8d09677b....

FYI  I tried adding "!important", too, but that also didn't work.

I'm afraid my site is hidden and this is a course that is not available, yet. Not sure how I can share the page. Hoping this explanation can help with determining what I can do. I'll put in a feature request if it's not possible, yet.

Thanks in advance!

Sonia

 

Best,

Sonia Wilkinson

GetDigital.Art

Practical lessons that empower artists to digitize, edit, share, and print their work to grow their art business. 

Link to comment
  • Replies 0
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

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.