WordPress.org
Get WordPress

Plugin Directory

Changeset 3757982


Ignore:
Timestamp:
10/21/2026 08:51:24 AM (4 weeks ago)
Author:
sewerel
Message:

Readme update: new description, shortcode parameters FAQ, screenshots section; add screenshots

Location:
powdi-course-page-builder-for-learndash-and-divi
Files:
11 added
2 edited

Legend:

Unmodified
Added
Removed

  • powdi-course-page-builder-for-learndash-and-divi/tags/1.1.6/readme.txt

    r3746135 r3757982  
    1313== Description ==
    1414
    15 **Design Your LearnDash Course Pages with Divi 4 or Divi 5 – The Way You Want.**
    16 
    17 By default, LearnDash controls your course page. It adds its own progress/status bar at the top and the course content list at the bottom, and leaves you little room to design the page the way the rest of your Divi site looks.
    18 
    19 **Course Page Builder for LearnDash and Divi** hands that control back to you.
    20 
    21 This free plugin switches off LearnDash's automatic course-page output and lets you rebuild the page entirely in the Divi Builder — then place the LearnDash elements back exactly where you want them. On **Divi 5**, drag in the native Course Action Button, Course Info Bar, and Course Content modules; on **Divi 4**, or anywhere shortcodes are accepted, use the included shortcodes instead.
    22 
    23 Perfect for course creators, designers, and developers who want their LearnDash course pages to feel like a real part of their site — not a default template dropped in the middle of it.
     15= Design Your LearnDash Course Pages with Divi 4 or Divi 5 =
     16
     17**Take control of your LearnDash course-page design.**
     18
     19By default, LearnDash places its course progress bar at the top of the course page and the course content list at the bottom. This can make it difficult to create a layout that matches the rest of your website.
     20
     21**Course Page Builder for LearnDash and Divi gives that control back to you.**
     22
     23This free plugin removes LearnDash's default course-page elements and gives you a clean, full-width page to design with Divi. Decide where to place your course information, enrollment button, and curriculum — and build a layout that fits your website.
    2424
    2525= How It Works =
    2626
    27 It's designed to be simple — there's nothing to configure:
    28 
    29 * **Just activate the plugin** — as soon as it's active, the default LearnDash progress/status bar and course content list are switched off automatically, the leftover top and bottom spacing is removed, and the course page loads without the theme's title or sidebar. You're left with a clean, blank, full-width course page, fully under your control in Divi.
    30 * **Add the shortcodes, or the native Divi 5 modules,** where you want the LearnDash elements to appear in your Divi layout.
    31 * **To restore the default LearnDash layout**, simply deactivate the plugin. The change is completely reversible — deactivating brings back LearnDash's standard course page exactly as before.
    32 
    33 = What This Free Plugin Does =
    34 
    35 * **Disables the default LearnDash progress/status bar** shown at the top of the course page.
    36 * **Disables the default course content list** (the lessons, topics, and quizzes shown at the bottom).
    37 * **Removes the leftover top/bottom spacing** on the course page, so your Divi design has full control of the layout.
    38 * **Loads the course page without the theme's title or sidebar**, so the Divi Builder controls the entire page from top to bottom — no fighting your theme's default single-post layout.
    39 * **Fixes Divi Builder styling on lesson, topic, quiz, and assignment pages** when a Theme Builder template is in use with LearnDash Focus Mode — content built with Divi now displays with full builder styling instead of losing it.
    40 * **Provides shortcodes** to place the LearnDash status elements anywhere inside your Divi design.
     27Activate the plugin and start building. No additional configuration is required.
     28
     29* **Divi 5:** Use three native modules — Course Info Bar, Course Action Button, and Course Content — directly in the Visual Builder.
     30* **Divi 4:** Use the included shortcodes and LearnDash's native course content shortcode to position the elements within your design.
     31
     32The plugin also removes the extra spacing and the theme's default title and sidebar from course pages.
     33
     34= 🎁 Free Divi LearnDash Course Page Layouts =
     35
     36**Don't want to start from a blank page? Start with a design.**
     37
     38Get four free Divi course page layouts designed to work with the plugin. Import a layout, customize it to match your brand, and use it as a starting point for your own course pages. Available for both Divi 4 and Divi 5.
     39
     40👉 **[Get the four free course page layouts](https://powdithemes.com/free-divi-learndash-course-page-layout-pack/?utm_source=wprepository&utm_medium=readme&utm_campaign=course-page-builder-for-learndash-and-divi&utm_content=layoutpacklink)**
    4141
    4242= Native Divi 5 Modules =
    4343
    44 If you're on Divi 5, these appear directly in the Visual Builder's module library once LearnDash and Divi 5 are both active — no shortcode needed:
    45 
    46 * **Divi Learndash Course Action Button** — the enroll/purchase/login action button.
    47 * **Divi Learndash Course Info Bar** — the full course status bar.
    48 * **Divi Learndash Course Content** — the lessons, topics, and quizzes list.
    49 
    50 On Divi 4, use the shortcodes below instead.
    51 
    52 = Included Shortcodes =
    53 
    54 Drop these into a Divi Code module (or anywhere shortcodes are accepted) to display the LearnDash elements within your own design:
    55 
    56 * `[powdcopa_course_infobar]` — displays the full LearnDash status bar for the course.
    57 * `[powdcopa_course_action_button]` — displays only the action button (for example, "Login to enroll"). This button is part of the status bar but can be used independently with this shortcode. It appears only to users who haven't yet taken action (for example, visitors who aren't logged in or enrolled).
    58 
    59 **Shortcode parameters**
    60 
    61 `[powdcopa_course_infobar]` takes no parameters.
    62 
    63 `[powdcopa_course_action_button]` accepts two optional parameters:
    64 
    65 * `font_size` — font size of the button. Any CSS font-size value. Default: `12px`.
    66 * `padding` — padding around the button text. Any CSS padding value. Default: `5px 35px`.
    67 
    68 Example: `[powdcopa_course_action_button font_size="16px" padding="10px 40px"]`
    69 
    70 Note: these parameters only affect the button shown on courses set to the **Closed** access mode in LearnDash. For other access modes (Open, Free, Buy Now, Recurring), the button keeps LearnDash's own styling — style it with CSS or Divi's design options instead.
    71 
    72 To display the course content list (lessons, topics, and quizzes), you can use LearnDash's own native `[course_content]` shortcode, placed wherever you'd like it in your Divi layout.
    73 
    74 **A note on styling:** the shortcodes output the LearnDash elements so you can position them in Divi, but they come only lightly styled — mainly default text and colors. That's intentional, so they don't fight your theme. You can style them to match your site using your own CSS (or Divi's design options). Our step-by-step guide includes a ready-to-use CSS starting point you can copy and adjust to your own colors and fonts: [How to Design Your LearnDash Course Pages with Divi](https://powdithemes.com/how-to-design-your-learndash-course-pages-with-divi/?utm_source=wprepository&utm_medium=readme&utm_campaign=course-page-builder-for-learndash-and-divi&utm_content=stylingguide).
    75 
    76 = Actively Developed =
    77 
    78 This is an early version, and the plugin is actively developed. Native Divi 5 modules now ship for the Course Action Button, Course Info Bar, and Course Content — a native Divi 4 module version is planned next. Your feedback is welcome and helps shape what comes next.
    79 
    80 = Want the Full Designed LearnDash Site? Meet Divi eLearn =
    81 
    82 This free plugin gives you the mechanism to design your course pages in Divi. If you'd rather skip building everything from scratch, [Divi eLearn for LearnDash](https://powdithemes.com/divi-elearn-for-learndash/?utm_source=wprepository&utm_medium=readme&utm_campaign=course-page-builder-for-learndash-and-divi&utm_content=mainlink) is our complete, professionally designed LearnDash child theme for Divi — the done-for-you version of what this plugin makes possible.
    83 
    84 With [Divi eLearn for LearnDash](https://powdithemes.com/divi-elearn-for-learndash/?utm_source=wprepository&utm_medium=readme&utm_campaign=course-page-builder-for-learndash-and-divi&utm_content=mainlink) you get:
    85 
    86 * **Ready-Made Homepages** Three designed homepage versions with hero sections, a styled course grid, and an opt-in section — a real front door for your course business.
    87 * **A Styled Course Grid** A customizable course listing with per-course meta fields, reused across your homepage and archive pages.
    88 * **Designed Course Pages** Ready-made course page layouts built for Divi, using this same take-over-and-build approach — already designed for you.
    89 * **Matching Site Pages** Designed about, contact, and archive pages, plus two designed single-article blog templates built dynamically with the Divi Theme Builder.
    90 * **A Complete WooCommerce Selling Experience** Styled cart and checkout, a mini cart, and a fully customizable account dashboard — so the path from "interested" to "enrolled" looks as good as your courses.
    91 * **One Coherent Design** Homepage, course page, lessons, blog, and checkout — all pulling together as one professional site.
    92 
    93 Start free with this plugin, and explore [Divi eLearn for LearnDash](https://divi-learndash.powdithemes.com/?utm_source=wprepository&utm_medium=readme&utm_campaign=course-page-builder-for-learndash-and-divi&utm_content=demolink) when you're ready for the complete designed site.
     44If you're using Divi 5, the plugin adds three native modules you can insert directly into the Visual Builder:
     45
     46* **Divi Learndash Course Info Bar** — displays the course information and status bar (status, price, and the progress bar once enrolled).
     47* **Divi Learndash Course Action Button** — displays the relevant course action, such as logging in, enrolling, or purchasing.
     48* **Divi Learndash Course Content** — displays the course curriculum: lessons, topics, and quizzes.
     49
     50Customize their content and appearance directly in Divi using the modules' own design settings.
     51
     52= Customize Your Course Pages =
     53
     54Place your course information, enrollment or purchase button, and course curriculum wherever you want. Build your own sections, add content, and style your course page to match the rest of your website.
     55
     56Using Divi 4? The plugin includes these shortcodes:
     57
     58* `[powdcopa_course_infobar]` — displays the course information and status bar.
     59* `[powdcopa_course_action_button]` — displays the course action button independently, when applicable.
     60* `[course_content]` — LearnDash's native shortcode for displaying lessons, topics, and quizzes.
     61
     62The shortcodes use basic styling so they won't fight your theme's design. You can customize their appearance with CSS or Divi's design options.
     63
     64👉 **[Follow our step-by-step styling guide](https://powdithemes.com/how-to-design-your-learndash-course-pages-with-divi/?utm_source=wprepository&utm_medium=readme&utm_campaign=course-page-builder-for-learndash-and-divi&utm_content=stylingguide)**
     65
     66= Want a Complete LearnDash Website? =
     67
     68If you'd rather start with a professionally designed website instead of building everything yourself, explore **Divi eLearn for LearnDash** — our premium Divi child theme for course creators.
     69
     70With Divi eLearn, you get:
     71
     72* **Ready-made homepage designs** with hero sections, course grids, and opt-in sections.
     73* **Designed course pages** that bring together course information, enrollment actions, and the curriculum.
     74* **Matching website pages** — About, Contact, archive, and blog, all designed to fit.
     75* **A complete WooCommerce experience** — styled cart, checkout, mini cart, and account pages.
     76
     77Your homepage, course pages, lessons, blog, and checkout are designed to work together as one coherent website.
     78
     79**Start free with Course Page Builder, or explore Divi eLearn for the complete designed experience.**
     80
     81👉 **[Explore Divi eLearn for LearnDash](https://powdithemes.com/divi-elearn-for-learndash/?utm_source=wprepository&utm_medium=readme&utm_campaign=course-page-builder-for-learndash-and-divi&utm_content=mainlink)**
     82
     83= Documentation =
     84
     85All of our documentation can be found in our [Knowledgebase](https://powdithemes.com/docs-category/course-page-builder-for-learndash-and-divi/).
     86
     87Additional helpful links:
     88
     89* [Getting Started with the plugin](https://powdithemes.com/docs/getting-started-with-course-page-builder-for-learndash-and-divi/)
     90* [Using the plugin with Divi 4](https://powdithemes.com/docs/using-course-page-builder-with-divi-4/)
     91* [Using the plugin with Divi 5](https://powdithemes.com/docs/using-course-page-builder-with-divi-5/)
     92
     93If you have any questions about this plugin, you can post a thread in the [WordPress.org forum](https://wordpress.org/support/plugin/powdi-course-page-builder-for-learndash-and-divi/). Please search existing threads before starting a new one.
     94
     95= Requirements =
     96
     97* WordPress
     98* Divi 4 or Divi 5 (Divi Theme or Divi Builder)
     99* LearnDash LMS
     100
     101To restore the standard LearnDash course-page layout, simply deactivate the plugin.
    94102
    95103== Installation ==
    … …  
    129137The shortcodes bring the LearnDash elements into your Divi layout with only light default styling (mainly text and colors), so they don't clash with your theme. You can style them to match your site using your own CSS or Divi's design options. Our full guide includes ready-to-use CSS you can copy and adjust to your own colors and fonts: [How to Design Your LearnDash Course Pages with Divi](https://powdithemes.com/how-to-design-your-learndash-course-pages-with-divi/?utm_source=wprepository&utm_medium=readme&utm_campaign=course-page-builder-for-learndash-and-divi&utm_content=stylingguide).
    130138
     139= Do the shortcodes accept any parameters? =
     140
     141`[powdcopa_course_infobar]` takes no parameters.
     142
     143`[powdcopa_course_action_button]` accepts two optional parameters:
     144
     145* `font_size` — font size of the button. Any CSS font-size value. Default: `12px`.
     146* `padding` — padding around the button text. Any CSS padding value. Default: `5px 35px`.
     147
     148Example: `[powdcopa_course_action_button font_size="16px" padding="10px 40px"]`
     149
     150Note: these parameters only affect the button shown on courses set to the **Closed** access mode in LearnDash. For other access modes (Open, Free, Buy Now, Recurring), the button keeps LearnDash's own styling — style it with CSS or Divi's design options instead.
     151
    131152= Do I need the Divi eLearn theme to use this plugin? =
    132153
    … …  
    137158Yes. You need the Divi theme (or the Divi Builder) and LearnDash installed for this plugin to work.
    138159
    139 == Documentation ==
    140 
    141 If you have any questions about this plugin, please check the FAQ section or post a thread in the WordPress.org forum. Please search existing threads before starting a new one.
     160== Screenshots ==
     161
     1621. The three native Divi 5 modules — Course Action Button, Course Content, and Course Info Bar — in the Visual Builder's module library.
     1632. The Divi Learndash Course Content module with its Design settings for the module text, expand button, heading sections, list items, and lesson content header.
     1643. The Divi Learndash Course Action Button module, with Preview states to view the button for each enrollment and access type while you design.
     1654. The Course Action Button's editable Enrolled Text, shown to users who already have access to the course.
     1665. The Divi Learndash Course Info Bar module showing status, price, and the action button, with Preview states for every enrollment and access type.
     1676. The Divi Learndash Course Content module with its Show Sample Content preview toggle.
     1687. Four free, ready-to-use Divi course page layouts: Balance, Calm, Breakout, and Campus.
     1698. The Balance course page layout.
     1709. The Calm course page layout.
     17110. The Breakout course page layout.
     17211. The Campus course page layout.
    142173
    143174== Changelog ==

  • powdi-course-page-builder-for-learndash-and-divi/trunk/readme.txt

    r3746135 r3757982  
    1313== Description ==
    1414
    15 **Design Your LearnDash Course Pages with Divi 4 or Divi 5 – The Way You Want.**
    16 
    17 By default, LearnDash controls your course page. It adds its own progress/status bar at the top and the course content list at the bottom, and leaves you little room to design the page the way the rest of your Divi site looks.
    18 
    19 **Course Page Builder for LearnDash and Divi** hands that control back to you.
    20 
    21 This free plugin switches off LearnDash's automatic course-page output and lets you rebuild the page entirely in the Divi Builder — then place the LearnDash elements back exactly where you want them. On **Divi 5**, drag in the native Course Action Button, Course Info Bar, and Course Content modules; on **Divi 4**, or anywhere shortcodes are accepted, use the included shortcodes instead.
    22 
    23 Perfect for course creators, designers, and developers who want their LearnDash course pages to feel like a real part of their site — not a default template dropped in the middle of it.
     15= Design Your LearnDash Course Pages with Divi 4 or Divi 5 =
     16
     17**Take control of your LearnDash course-page design.**
     18
     19By default, LearnDash places its course progress bar at the top of the course page and the course content list at the bottom. This can make it difficult to create a layout that matches the rest of your website.
     20
     21**Course Page Builder for LearnDash and Divi gives that control back to you.**
     22
     23This free plugin removes LearnDash's default course-page elements and gives you a clean, full-width page to design with Divi. Decide where to place your course information, enrollment button, and curriculum — and build a layout that fits your website.
    2424
    2525= How It Works =
    2626
    27 It's designed to be simple — there's nothing to configure:
    28 
    29 * **Just activate the plugin** — as soon as it's active, the default LearnDash progress/status bar and course content list are switched off automatically, the leftover top and bottom spacing is removed, and the course page loads without the theme's title or sidebar. You're left with a clean, blank, full-width course page, fully under your control in Divi.
    30 * **Add the shortcodes, or the native Divi 5 modules,** where you want the LearnDash elements to appear in your Divi layout.
    31 * **To restore the default LearnDash layout**, simply deactivate the plugin. The change is completely reversible — deactivating brings back LearnDash's standard course page exactly as before.
    32 
    33 = What This Free Plugin Does =
    34 
    35 * **Disables the default LearnDash progress/status bar** shown at the top of the course page.
    36 * **Disables the default course content list** (the lessons, topics, and quizzes shown at the bottom).
    37 * **Removes the leftover top/bottom spacing** on the course page, so your Divi design has full control of the layout.
    38 * **Loads the course page without the theme's title or sidebar**, so the Divi Builder controls the entire page from top to bottom — no fighting your theme's default single-post layout.
    39 * **Fixes Divi Builder styling on lesson, topic, quiz, and assignment pages** when a Theme Builder template is in use with LearnDash Focus Mode — content built with Divi now displays with full builder styling instead of losing it.
    40 * **Provides shortcodes** to place the LearnDash status elements anywhere inside your Divi design.
     27Activate the plugin and start building. No additional configuration is required.
     28
     29* **Divi 5:** Use three native modules — Course Info Bar, Course Action Button, and Course Content — directly in the Visual Builder.
     30* **Divi 4:** Use the included shortcodes and LearnDash's native course content shortcode to position the elements within your design.
     31
     32The plugin also removes the extra spacing and the theme's default title and sidebar from course pages.
     33
     34= 🎁 Free Divi LearnDash Course Page Layouts =
     35
     36**Don't want to start from a blank page? Start with a design.**
     37
     38Get four free Divi course page layouts designed to work with the plugin. Import a layout, customize it to match your brand, and use it as a starting point for your own course pages. Available for both Divi 4 and Divi 5.
     39
     40👉 **[Get the four free course page layouts](https://powdithemes.com/free-divi-learndash-course-page-layout-pack/?utm_source=wprepository&utm_medium=readme&utm_campaign=course-page-builder-for-learndash-and-divi&utm_content=layoutpacklink)**
    4141
    4242= Native Divi 5 Modules =
    4343
    44 If you're on Divi 5, these appear directly in the Visual Builder's module library once LearnDash and Divi 5 are both active — no shortcode needed:
    45 
    46 * **Divi Learndash Course Action Button** — the enroll/purchase/login action button.
    47 * **Divi Learndash Course Info Bar** — the full course status bar.
    48 * **Divi Learndash Course Content** — the lessons, topics, and quizzes list.
    49 
    50 On Divi 4, use the shortcodes below instead.
    51 
    52 = Included Shortcodes =
    53 
    54 Drop these into a Divi Code module (or anywhere shortcodes are accepted) to display the LearnDash elements within your own design:
    55 
    56 * `[powdcopa_course_infobar]` — displays the full LearnDash status bar for the course.
    57 * `[powdcopa_course_action_button]` — displays only the action button (for example, "Login to enroll"). This button is part of the status bar but can be used independently with this shortcode. It appears only to users who haven't yet taken action (for example, visitors who aren't logged in or enrolled).
    58 
    59 **Shortcode parameters**
    60 
    61 `[powdcopa_course_infobar]` takes no parameters.
    62 
    63 `[powdcopa_course_action_button]` accepts two optional parameters:
    64 
    65 * `font_size` — font size of the button. Any CSS font-size value. Default: `12px`.
    66 * `padding` — padding around the button text. Any CSS padding value. Default: `5px 35px`.
    67 
    68 Example: `[powdcopa_course_action_button font_size="16px" padding="10px 40px"]`
    69 
    70 Note: these parameters only affect the button shown on courses set to the **Closed** access mode in LearnDash. For other access modes (Open, Free, Buy Now, Recurring), the button keeps LearnDash's own styling — style it with CSS or Divi's design options instead.
    71 
    72 To display the course content list (lessons, topics, and quizzes), you can use LearnDash's own native `[course_content]` shortcode, placed wherever you'd like it in your Divi layout.
    73 
    74 **A note on styling:** the shortcodes output the LearnDash elements so you can position them in Divi, but they come only lightly styled — mainly default text and colors. That's intentional, so they don't fight your theme. You can style them to match your site using your own CSS (or Divi's design options). Our step-by-step guide includes a ready-to-use CSS starting point you can copy and adjust to your own colors and fonts: [How to Design Your LearnDash Course Pages with Divi](https://powdithemes.com/how-to-design-your-learndash-course-pages-with-divi/?utm_source=wprepository&utm_medium=readme&utm_campaign=course-page-builder-for-learndash-and-divi&utm_content=stylingguide).
    75 
    76 = Actively Developed =
    77 
    78 This is an early version, and the plugin is actively developed. Native Divi 5 modules now ship for the Course Action Button, Course Info Bar, and Course Content — a native Divi 4 module version is planned next. Your feedback is welcome and helps shape what comes next.
    79 
    80 = Want the Full Designed LearnDash Site? Meet Divi eLearn =
    81 
    82 This free plugin gives you the mechanism to design your course pages in Divi. If you'd rather skip building everything from scratch, [Divi eLearn for LearnDash](https://powdithemes.com/divi-elearn-for-learndash/?utm_source=wprepository&utm_medium=readme&utm_campaign=course-page-builder-for-learndash-and-divi&utm_content=mainlink) is our complete, professionally designed LearnDash child theme for Divi — the done-for-you version of what this plugin makes possible.
    83 
    84 With [Divi eLearn for LearnDash](https://powdithemes.com/divi-elearn-for-learndash/?utm_source=wprepository&utm_medium=readme&utm_campaign=course-page-builder-for-learndash-and-divi&utm_content=mainlink) you get:
    85 
    86 * **Ready-Made Homepages** Three designed homepage versions with hero sections, a styled course grid, and an opt-in section — a real front door for your course business.
    87 * **A Styled Course Grid** A customizable course listing with per-course meta fields, reused across your homepage and archive pages.
    88 * **Designed Course Pages** Ready-made course page layouts built for Divi, using this same take-over-and-build approach — already designed for you.
    89 * **Matching Site Pages** Designed about, contact, and archive pages, plus two designed single-article blog templates built dynamically with the Divi Theme Builder.
    90 * **A Complete WooCommerce Selling Experience** Styled cart and checkout, a mini cart, and a fully customizable account dashboard — so the path from "interested" to "enrolled" looks as good as your courses.
    91 * **One Coherent Design** Homepage, course page, lessons, blog, and checkout — all pulling together as one professional site.
    92 
    93 Start free with this plugin, and explore [Divi eLearn for LearnDash](https://divi-learndash.powdithemes.com/?utm_source=wprepository&utm_medium=readme&utm_campaign=course-page-builder-for-learndash-and-divi&utm_content=demolink) when you're ready for the complete designed site.
     44If you're using Divi 5, the plugin adds three native modules you can insert directly into the Visual Builder:
     45
     46* **Divi Learndash Course Info Bar** — displays the course information and status bar (status, price, and the progress bar once enrolled).
     47* **Divi Learndash Course Action Button** — displays the relevant course action, such as logging in, enrolling, or purchasing.
     48* **Divi Learndash Course Content** — displays the course curriculum: lessons, topics, and quizzes.
     49
     50Customize their content and appearance directly in Divi using the modules' own design settings.
     51
     52= Customize Your Course Pages =
     53
     54Place your course information, enrollment or purchase button, and course curriculum wherever you want. Build your own sections, add content, and style your course page to match the rest of your website.
     55
     56Using Divi 4? The plugin includes these shortcodes:
     57
     58* `[powdcopa_course_infobar]` — displays the course information and status bar.
     59* `[powdcopa_course_action_button]` — displays the course action button independently, when applicable.
     60* `[course_content]` — LearnDash's native shortcode for displaying lessons, topics, and quizzes.
     61
     62The shortcodes use basic styling so they won't fight your theme's design. You can customize their appearance with CSS or Divi's design options.
     63
     64👉 **[Follow our step-by-step styling guide](https://powdithemes.com/how-to-design-your-learndash-course-pages-with-divi/?utm_source=wprepository&utm_medium=readme&utm_campaign=course-page-builder-for-learndash-and-divi&utm_content=stylingguide)**
     65
     66= Want a Complete LearnDash Website? =
     67
     68If you'd rather start with a professionally designed website instead of building everything yourself, explore **Divi eLearn for LearnDash** — our premium Divi child theme for course creators.
     69
     70With Divi eLearn, you get:
     71
     72* **Ready-made homepage designs** with hero sections, course grids, and opt-in sections.
     73* **Designed course pages** that bring together course information, enrollment actions, and the curriculum.
     74* **Matching website pages** — About, Contact, archive, and blog, all designed to fit.
     75* **A complete WooCommerce experience** — styled cart, checkout, mini cart, and account pages.
     76
     77Your homepage, course pages, lessons, blog, and checkout are designed to work together as one coherent website.
     78
     79**Start free with Course Page Builder, or explore Divi eLearn for the complete designed experience.**
     80
     81👉 **[Explore Divi eLearn for LearnDash](https://powdithemes.com/divi-elearn-for-learndash/?utm_source=wprepository&utm_medium=readme&utm_campaign=course-page-builder-for-learndash-and-divi&utm_content=mainlink)**
     82
     83= Documentation =
     84
     85All of our documentation can be found in our [Knowledgebase](https://powdithemes.com/docs-category/course-page-builder-for-learndash-and-divi/).
     86
     87Additional helpful links:
     88
     89* [Getting Started with the plugin](https://powdithemes.com/docs/getting-started-with-course-page-builder-for-learndash-and-divi/)
     90* [Using the plugin with Divi 4](https://powdithemes.com/docs/using-course-page-builder-with-divi-4/)
     91* [Using the plugin with Divi 5](https://powdithemes.com/docs/using-course-page-builder-with-divi-5/)
     92
     93If you have any questions about this plugin, you can post a thread in the [WordPress.org forum](https://wordpress.org/support/plugin/powdi-course-page-builder-for-learndash-and-divi/). Please search existing threads before starting a new one.
     94
     95= Requirements =
     96
     97* WordPress
     98* Divi 4 or Divi 5 (Divi Theme or Divi Builder)
     99* LearnDash LMS
     100
     101To restore the standard LearnDash course-page layout, simply deactivate the plugin.
    94102
    95103== Installation ==
    … …  
    129137The shortcodes bring the LearnDash elements into your Divi layout with only light default styling (mainly text and colors), so they don't clash with your theme. You can style them to match your site using your own CSS or Divi's design options. Our full guide includes ready-to-use CSS you can copy and adjust to your own colors and fonts: [How to Design Your LearnDash Course Pages with Divi](https://powdithemes.com/how-to-design-your-learndash-course-pages-with-divi/?utm_source=wprepository&utm_medium=readme&utm_campaign=course-page-builder-for-learndash-and-divi&utm_content=stylingguide).
    130138
     139= Do the shortcodes accept any parameters? =
     140
     141`[powdcopa_course_infobar]` takes no parameters.
     142
     143`[powdcopa_course_action_button]` accepts two optional parameters:
     144
     145* `font_size` — font size of the button. Any CSS font-size value. Default: `12px`.
     146* `padding` — padding around the button text. Any CSS padding value. Default: `5px 35px`.
     147
     148Example: `[powdcopa_course_action_button font_size="16px" padding="10px 40px"]`
     149
     150Note: these parameters only affect the button shown on courses set to the **Closed** access mode in LearnDash. For other access modes (Open, Free, Buy Now, Recurring), the button keeps LearnDash's own styling — style it with CSS or Divi's design options instead.
     151
    131152= Do I need the Divi eLearn theme to use this plugin? =
    132153
    … …  
    137158Yes. You need the Divi theme (or the Divi Builder) and LearnDash installed for this plugin to work.
    138159
    139 == Documentation ==
    140 
    141 If you have any questions about this plugin, please check the FAQ section or post a thread in the WordPress.org forum. Please search existing threads before starting a new one.
     160== Screenshots ==
     161
     1621. The three native Divi 5 modules — Course Action Button, Course Content, and Course Info Bar — in the Visual Builder's module library.
     1632. The Divi Learndash Course Content module with its Design settings for the module text, expand button, heading sections, list items, and lesson content header.
     1643. The Divi Learndash Course Action Button module, with Preview states to view the button for each enrollment and access type while you design.
     1654. The Course Action Button's editable Enrolled Text, shown to users who already have access to the course.
     1665. The Divi Learndash Course Info Bar module showing status, price, and the action button, with Preview states for every enrollment and access type.
     1676. The Divi Learndash Course Content module with its Show Sample Content preview toggle.
     1687. Four free, ready-to-use Divi course page layouts: Balance, Calm, Breakout, and Campus.
     1698. The Balance course page layout.
     1709. The Calm course page layout.
     17110. The Breakout course page layout.
     17211. The Campus course page layout.
    142173
    143174== Changelog ==
Note: See TracChangeset for help on using the changeset viewer.