{"id":27830,"date":"2026-09-09T04:55:33","date_gmt":"2026-09-09T04:55:33","guid":{"rendered":"https:\/\/ourdemy.com\/?p=27830"},"modified":"2026-09-09T04:56:12","modified_gmt":"2026-09-09T04:56:12","slug":"how-to-add-option-to-let-course-sections-expand-by-default-on-student-site","status":"publish","type":"post","link":"https:\/\/ourdemy.com\/en\/how-to-add-option-to-let-course-sections-expand-by-default-on-student-site\/","title":{"rendered":"How to add option to let course sections expand by default on student site?"},"content":{"rendered":"\n<div style=\"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink: 0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">1<\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; padding: 8px; border-radius: 4px; white-space: normal; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">By default, course sections on the course detail page are collapsed, so students have to click each section to see the lectures inside. When this option is enabled, all sections stay expanded, letting visitors see the full course content before deciding to enroll. It&#8217;s especially useful for courses with only one or two sections but many lectures, since the detail page can look quite empty when everything is collapsed.<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1148\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-d7ac6026d97dee15-1788929734-scaled.webp\" class=\"wp-image-27831\" alt=\"Screenshot for step 1\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" srcset=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-d7ac6026d97dee15-1788929734-scaled.webp 2560w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-d7ac6026d97dee15-1788929734-300x135.webp 300w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-d7ac6026d97dee15-1788929734-1024x459.webp 1024w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-d7ac6026d97dee15-1788929734-768x345.webp 768w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-d7ac6026d97dee15-1788929734-1536x689.webp 1536w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-d7ac6026d97dee15-1788929734-2048x919.webp 2048w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-d7ac6026d97dee15-1788929734-18x8.webp 18w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-d7ac6026d97dee15-1788929734-710x319.webp 710w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink: 0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">2<\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; padding: 8px; border-radius: 4px; white-space: normal; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">This is the display result after adding the expand the course by default on the student site option.<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1266\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-078eb043b83b24ab-1788929737-scaled.webp\" class=\"wp-image-27832\" alt=\"Screenshot for step 2\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" srcset=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-078eb043b83b24ab-1788929737-scaled.webp 2560w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-078eb043b83b24ab-1788929737-300x148.webp 300w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-078eb043b83b24ab-1788929737-1024x506.webp 1024w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-078eb043b83b24ab-1788929737-768x380.webp 768w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-078eb043b83b24ab-1788929737-1536x760.webp 1536w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-078eb043b83b24ab-1788929737-2048x1013.webp 2048w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-078eb043b83b24ab-1788929737-18x9.webp 18w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-078eb043b83b24ab-1788929737-710x351.webp 710w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink: 0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">3<\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; padding: 8px; border-radius: 4px; white-space: normal; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">To enable this feature for the course you want, simply do the following: <br \/>1. Click <span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone; vertical-align: baseline;\">Courses<\/span> in the dashboard menu.<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"953\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-877efaf6f4650e7a-1788929741.webp\" class=\"wp-image-27833\" alt=\"Screenshot for step 3\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" srcset=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-877efaf6f4650e7a-1788929741.webp 1280w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-877efaf6f4650e7a-1788929741-300x223.webp 300w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-877efaf6f4650e7a-1788929741-1024x762.webp 1024w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-877efaf6f4650e7a-1788929741-768x572.webp 768w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-877efaf6f4650e7a-1788929741-16x12.webp 16w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-877efaf6f4650e7a-1788929741-710x529.webp 710w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink: 0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">4<\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; padding: 8px; border-radius: 4px; white-space: normal; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">Click on the title of the course to open it.<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"2470\" height=\"1060\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-af087d6b7258fb80-1788929742.webp\" class=\"wp-image-27834\" alt=\"Screenshot for step 4\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" srcset=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-af087d6b7258fb80-1788929742.webp 2470w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-af087d6b7258fb80-1788929742-300x129.webp 300w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-af087d6b7258fb80-1788929742-1024x439.webp 1024w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-af087d6b7258fb80-1788929742-768x330.webp 768w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-af087d6b7258fb80-1788929742-1536x659.webp 1536w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-af087d6b7258fb80-1788929742-2048x879.webp 2048w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-af087d6b7258fb80-1788929742-18x8.webp 18w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-af087d6b7258fb80-1788929742-710x305.webp 710w\" sizes=\"auto, (max-width: 2470px) 100vw, 2470px\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink: 0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">5<\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; padding: 8px; border-radius: 4px; white-space: normal; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">Click <span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone; vertical-align: baseline;\">Curriculum<\/span> to open the course lecture list.<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"2534\" height=\"1488\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-ef5c79b95ccf0f24-1788929744.webp\" class=\"wp-image-27835\" alt=\"Screenshot for step 5\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" srcset=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-ef5c79b95ccf0f24-1788929744.webp 2534w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-ef5c79b95ccf0f24-1788929744-300x176.webp 300w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-ef5c79b95ccf0f24-1788929744-1024x601.webp 1024w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-ef5c79b95ccf0f24-1788929744-768x451.webp 768w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-ef5c79b95ccf0f24-1788929744-1536x902.webp 1536w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-ef5c79b95ccf0f24-1788929744-2048x1203.webp 2048w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-ef5c79b95ccf0f24-1788929744-18x12.webp 18w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-ef5c79b95ccf0f24-1788929744-710x417.webp 710w\" sizes=\"auto, (max-width: 2534px) 100vw, 2534px\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink: 0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">6<\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; padding: 8px; border-radius: 4px; white-space: normal; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">Turn on <span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone; vertical-align: baseline;\">Show lecture numbers on student learning page<\/span> if you want to add a number before each lecture title.<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1886\" height=\"1236\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-5a37d344340572de-1788929747.webp\" class=\"wp-image-27836\" alt=\"Screenshot for step 6\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" srcset=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-5a37d344340572de-1788929747.webp 1886w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-5a37d344340572de-1788929747-300x197.webp 300w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-5a37d344340572de-1788929747-1024x671.webp 1024w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-5a37d344340572de-1788929747-768x503.webp 768w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-5a37d344340572de-1788929747-1536x1007.webp 1536w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-5a37d344340572de-1788929747-18x12.webp 18w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-5a37d344340572de-1788929747-710x465.webp 710w\" sizes=\"auto, (max-width: 1886px) 100vw, 1886px\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink: 0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">7<\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; padding: 8px; border-radius: 4px; white-space: normal; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">Finally, turn on <span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone; vertical-align: baseline;\">Expand all sections by default on student course detail page<\/span> to enable the feature.<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1850\" height=\"1222\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-fdd01d9fa94e3193-1788929749.webp\" class=\"wp-image-27837\" alt=\"Screenshot for step 7\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" srcset=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-fdd01d9fa94e3193-1788929749.webp 1850w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-fdd01d9fa94e3193-1788929749-300x198.webp 300w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-fdd01d9fa94e3193-1788929749-1024x676.webp 1024w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-fdd01d9fa94e3193-1788929749-768x507.webp 768w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-fdd01d9fa94e3193-1788929749-1536x1015.webp 1536w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-fdd01d9fa94e3193-1788929749-18x12.webp 18w, https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-fdd01d9fa94e3193-1788929749-710x469.webp 710w\" sizes=\"auto, (max-width: 1850px) 100vw, 1850px\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n\n\n","protected":false},"excerpt":{"rendered":"<p>1 By default, course sections on the course detail page are collapsed, so students have to click each section to see the lectures inside. When this option is enabled, all sections stay expanded, letting visitors see the full course content before deciding to enroll. It&#8217;s especially useful for courses with only one or two sections [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[34,39],"tags":[],"class_list":["post-27830","post","type-post","status-publish","format-standard","hentry","category-help-center","category-manage-learning-content"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to add option to let course sections expand by default on student site? - Ourdemy<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ourdemy.com\/en\/how-to-add-option-to-let-course-sections-expand-by-default-on-student-site\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to add option to let course sections expand by default on student site? - Ourdemy\" \/>\n<meta property=\"og:description\" content=\"1 By default, course sections on the course detail page are collapsed, so students have to click each section to see the lectures inside. When this option is enabled, all sections stay expanded, letting visitors see the full course content before deciding to enroll. It&#8217;s especially useful for courses with only one or two sections [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ourdemy.com\/en\/how-to-add-option-to-let-course-sections-expand-by-default-on-student-site\/\" \/>\n<meta property=\"og:site_name\" content=\"Ourdemy\" \/>\n<meta property=\"article:published_time\" content=\"2026-09-09T04:55:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-09T04:56:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-d7ac6026d97dee15-1788929734-scaled.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1148\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"HR Corize\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"HR Corize\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-to-add-option-to-let-course-sections-expand-by-default-on-student-site\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-to-add-option-to-let-course-sections-expand-by-default-on-student-site\\\/\"},\"author\":{\"name\":\"HR Corize\",\"@id\":\"https:\\\/\\\/ourdemy.com\\\/#\\\/schema\\\/person\\\/017a30d1b626f9417cafb2a782e81c02\"},\"headline\":\"How to add option to let course sections expand by default on student site?\",\"datePublished\":\"2026-09-09T04:55:33+00:00\",\"dateModified\":\"2026-09-09T04:56:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-to-add-option-to-let-course-sections-expand-by-default-on-student-site\\\/\"},\"wordCount\":176,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-to-add-option-to-let-course-sections-expand-by-default-on-student-site\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ourdemy.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/remote-img-d7ac6026d97dee15-1788929734-scaled.webp\",\"articleSection\":[\"Help Center\",\"Manage Learning Content\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/ourdemy.com\\\/how-to-add-option-to-let-course-sections-expand-by-default-on-student-site\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-to-add-option-to-let-course-sections-expand-by-default-on-student-site\\\/\",\"url\":\"https:\\\/\\\/ourdemy.com\\\/how-to-add-option-to-let-course-sections-expand-by-default-on-student-site\\\/\",\"name\":\"How to add option to let course sections expand by default on student site? - Ourdemy\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-to-add-option-to-let-course-sections-expand-by-default-on-student-site\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-to-add-option-to-let-course-sections-expand-by-default-on-student-site\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ourdemy.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/remote-img-d7ac6026d97dee15-1788929734-scaled.webp\",\"datePublished\":\"2026-09-09T04:55:33+00:00\",\"dateModified\":\"2026-09-09T04:56:12+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-to-add-option-to-let-course-sections-expand-by-default-on-student-site\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ourdemy.com\\\/how-to-add-option-to-let-course-sections-expand-by-default-on-student-site\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-to-add-option-to-let-course-sections-expand-by-default-on-student-site\\\/#primaryimage\",\"url\":\"https:\\\/\\\/ourdemy.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/remote-img-d7ac6026d97dee15-1788929734-scaled.webp\",\"contentUrl\":\"https:\\\/\\\/ourdemy.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/remote-img-d7ac6026d97dee15-1788929734-scaled.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-to-add-option-to-let-course-sections-expand-by-default-on-student-site\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ourdemy.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to add option to let course sections expand by default on student site?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ourdemy.com\\\/#website\",\"url\":\"https:\\\/\\\/ourdemy.com\\\/\",\"name\":\"Ourdemy\",\"description\":\"Make your own online academy\",\"publisher\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ourdemy.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/ourdemy.com\\\/#organization\",\"name\":\"Ourdemy\",\"url\":\"https:\\\/\\\/ourdemy.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/ourdemy.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/ourdemy.com\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/ouracademy-02.svg\",\"contentUrl\":\"https:\\\/\\\/ourdemy.com\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/ouracademy-02.svg\",\"width\":3163,\"height\":884,\"caption\":\"Ourdemy\"},\"image\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/ourdemy.com\\\/#\\\/schema\\\/person\\\/017a30d1b626f9417cafb2a782e81c02\",\"name\":\"HR Corize\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/661cc76f6e7685982b053c391ec457663d1d09acac889f2757c5ed1984b86162?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/661cc76f6e7685982b053c391ec457663d1d09acac889f2757c5ed1984b86162?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/661cc76f6e7685982b053c391ec457663d1d09acac889f2757c5ed1984b86162?s=96&d=mm&r=g\",\"caption\":\"HR Corize\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to add option to let course sections expand by default on student site? - Ourdemy","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ourdemy.com\/en\/how-to-add-option-to-let-course-sections-expand-by-default-on-student-site\/","og_locale":"en_US","og_type":"article","og_title":"How to add option to let course sections expand by default on student site? - Ourdemy","og_description":"1 By default, course sections on the course detail page are collapsed, so students have to click each section to see the lectures inside. When this option is enabled, all sections stay expanded, letting visitors see the full course content before deciding to enroll. It&#8217;s especially useful for courses with only one or two sections [&hellip;]","og_url":"https:\/\/ourdemy.com\/en\/how-to-add-option-to-let-course-sections-expand-by-default-on-student-site\/","og_site_name":"Ourdemy","article_published_time":"2026-09-09T04:55:33+00:00","article_modified_time":"2026-09-09T04:56:12+00:00","og_image":[{"width":2560,"height":1148,"url":"https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-d7ac6026d97dee15-1788929734-scaled.webp","type":"image\/webp"}],"author":"HR Corize","twitter_card":"summary_large_image","twitter_misc":{"Written by":"HR Corize","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ourdemy.com\/how-to-add-option-to-let-course-sections-expand-by-default-on-student-site\/#article","isPartOf":{"@id":"https:\/\/ourdemy.com\/how-to-add-option-to-let-course-sections-expand-by-default-on-student-site\/"},"author":{"name":"HR Corize","@id":"https:\/\/ourdemy.com\/#\/schema\/person\/017a30d1b626f9417cafb2a782e81c02"},"headline":"How to add option to let course sections expand by default on student site?","datePublished":"2026-09-09T04:55:33+00:00","dateModified":"2026-09-09T04:56:12+00:00","mainEntityOfPage":{"@id":"https:\/\/ourdemy.com\/how-to-add-option-to-let-course-sections-expand-by-default-on-student-site\/"},"wordCount":176,"commentCount":0,"publisher":{"@id":"https:\/\/ourdemy.com\/#organization"},"image":{"@id":"https:\/\/ourdemy.com\/how-to-add-option-to-let-course-sections-expand-by-default-on-student-site\/#primaryimage"},"thumbnailUrl":"https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-d7ac6026d97dee15-1788929734-scaled.webp","articleSection":["Help Center","Manage Learning Content"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ourdemy.com\/how-to-add-option-to-let-course-sections-expand-by-default-on-student-site\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ourdemy.com\/how-to-add-option-to-let-course-sections-expand-by-default-on-student-site\/","url":"https:\/\/ourdemy.com\/how-to-add-option-to-let-course-sections-expand-by-default-on-student-site\/","name":"How to add option to let course sections expand by default on student site? - Ourdemy","isPartOf":{"@id":"https:\/\/ourdemy.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ourdemy.com\/how-to-add-option-to-let-course-sections-expand-by-default-on-student-site\/#primaryimage"},"image":{"@id":"https:\/\/ourdemy.com\/how-to-add-option-to-let-course-sections-expand-by-default-on-student-site\/#primaryimage"},"thumbnailUrl":"https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-d7ac6026d97dee15-1788929734-scaled.webp","datePublished":"2026-09-09T04:55:33+00:00","dateModified":"2026-09-09T04:56:12+00:00","breadcrumb":{"@id":"https:\/\/ourdemy.com\/how-to-add-option-to-let-course-sections-expand-by-default-on-student-site\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ourdemy.com\/how-to-add-option-to-let-course-sections-expand-by-default-on-student-site\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ourdemy.com\/how-to-add-option-to-let-course-sections-expand-by-default-on-student-site\/#primaryimage","url":"https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-d7ac6026d97dee15-1788929734-scaled.webp","contentUrl":"https:\/\/ourdemy.com\/wp-content\/uploads\/2026\/09\/remote-img-d7ac6026d97dee15-1788929734-scaled.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/ourdemy.com\/how-to-add-option-to-let-course-sections-expand-by-default-on-student-site\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ourdemy.com\/"},{"@type":"ListItem","position":2,"name":"How to add option to let course sections expand by default on student site?"}]},{"@type":"WebSite","@id":"https:\/\/ourdemy.com\/#website","url":"https:\/\/ourdemy.com\/","name":"Ourdemy","description":"Make your own online academy","publisher":{"@id":"https:\/\/ourdemy.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ourdemy.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ourdemy.com\/#organization","name":"Ourdemy","url":"https:\/\/ourdemy.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ourdemy.com\/#\/schema\/logo\/image\/","url":"https:\/\/ourdemy.com\/wp-content\/uploads\/2023\/09\/ouracademy-02.svg","contentUrl":"https:\/\/ourdemy.com\/wp-content\/uploads\/2023\/09\/ouracademy-02.svg","width":3163,"height":884,"caption":"Ourdemy"},"image":{"@id":"https:\/\/ourdemy.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/ourdemy.com\/#\/schema\/person\/017a30d1b626f9417cafb2a782e81c02","name":"HR Corize","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/661cc76f6e7685982b053c391ec457663d1d09acac889f2757c5ed1984b86162?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/661cc76f6e7685982b053c391ec457663d1d09acac889f2757c5ed1984b86162?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/661cc76f6e7685982b053c391ec457663d1d09acac889f2757c5ed1984b86162?s=96&d=mm&r=g","caption":"HR Corize"}}]}},"_links":{"self":[{"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/posts\/27830","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/comments?post=27830"}],"version-history":[{"count":1,"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/posts\/27830\/revisions"}],"predecessor-version":[{"id":27845,"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/posts\/27830\/revisions\/27845"}],"wp:attachment":[{"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/media?parent=27830"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/categories?post=27830"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/tags?post=27830"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}