Back to Roadmap

How To Install Everything

Part 1

Reminder: You will still need to purchase and manually upload the following:

Downloads:

BuddyBoss Child Theme (Note: In order for the points/coins in the header to show, as well as the shortcodes and styling we use to funciton correctly, you MUST install our child theme as it contains code to make it work. This means If you have already installed the BuddyBoss Child theme, you will need to replace it.

Important: If you or a developer have added code previously to your child theme, please have a developer help you merge the two child themes together so that you do not lose your coding changes.

Gamipress Configuration File (Note: You may need to right click and click ‘Save Link As’)
PB Digital Roadmap Path Plugin
Sample LearnDash Course Data & Images

Part 2

Downloads:

Sample Logo (Note: You may need to right click and click ‘Save Link As’)
Elementor Dashboard Template

CSS:
If you don’t have Elementor Pro installed, you can add this CSS to your dashboard page by adding a HTML element to the bottom of your page, and copying and pasting this code:
<style> #content { padding-top: 8px; } .dashboard_header{ display: flex; justify-content: space-between; } .dashboard_header .user { align-items: center; display: flex; } .dashboard_header .user .fields { padding-left: 20px; font-size: 36px; font-weight: bold; color: #fff; } .dashboard_header .user .avatar { border-radius: 50%; } .stats { display: flex; align-items: center; } .stats .stat1, .stats .stat2 { display: flex; flex-direction: column; align-items: center; color:#fff; padding: 0 0 0 40px; } .stats span{ font-size: 28px; font-weight: bold; } .my_courses { background-color: #fff; border: solid; border-color: #E2E3E5; border-width: 1px; border-radius: 15px; display: flex; justify-content: center; padding: 80px; margin-top: 20px; margin-bottom: 50px; } @media screen and (max-width:601px) { .my_courses { padding:50px 20px; } } .bb-courses-directory { display: none; } .no_courses { max-width: 436px; text-align: center; display: flex; flex-direction: column; align-items: center; } .no_courses h3{ font-size: 32px; font-weight: bold; } @media screen and (max-width:601px) { .no_courses h3 { font-size:25px; } } .no_courses .btn { background-color: red; width: 40px; height: 40px; border-radius: 10px; font-size: 26px; color: #fff; display: flex; justify-content: center; align-items: center; line-height: 0; margin-top: 20px; } .ld-course-list-items { opacity: 0; visibility: hidden; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; display: block; } .ld-course-list-items.slick-initialized { visibility: visible; opacity: 1; } .ld-course-list-items .slick-list { width: 100%; } .slick-track { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .slick-slide { height: inherit !important; } .slick-arrow { width: 40px; height: 40px; background: #f3f3f3; border-radius: 6px; fill: #4d5e70; color: #4d5e70; padding: 14px 17px; top: -100px; right: 10px; left: auto; padding: 0; cursor: pointer; } @media only screen and (max-width: 768px) { .slick-arrow { top: -50px; } } .slick-arrow i { font-size: 15px; color: #4d5e70; } .slick-arrow.slick-prev { right: 60px; } .slick-arrow.slick-disabled { opacity: 0.5; } .ld_course_grid { -webkit-box-flex: 1 !important; -ms-flex: auto !important; flex: auto !important; max-width: 100% !important; margin-bottom: 0 !important; } .ld-course-list-items .ld_course_grid { margin-right: auto; margin-left: auto; } @media only screen and (max-width: 601px) { .ld-course-list-items .ld_course_grid:last-child { margin-bottom: 0; } } .ld-course-list-items .ld_course_grid .thumbnail.course { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; border: 1px solid #e2e3e5; border-radius: 20px; overflow: hidden; } .ld-course-list-items .ld_course_grid .thumbnail.course .ld_course_grid_price.ribbon-enrolled { display: none !important; } .ld-course-list-items .ld_course_grid .thumbnail.course > a { position: relative; overflow: hidden; display: block; padding-bottom: 66.66%; } .ld-course-list-items .ld_course_grid .thumbnail.course > a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .ld-course-list-items .ld_course_grid .thumbnail.course .entry-title { font-weight: 600; font-size: 22px; line-height: 33px; color: #4d5e70; margin: 0 0 20px !important; } .ld-course-list-items .ld_course_grid .thumbnail.course .caption { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 30px 30px 38px; } .ld-course-list-items .ld_course_grid .thumbnail.course .caption .ld_course_grid_button { margin-top: auto !important; } .ld-course-list-items .ld_course_grid .thumbnail.course .caption .btn-primary { border-radius: 100px; background: #02b4b4; border-color: #02b4b4; } .ld-course-list-items .ld_course_grid .thumbnail.course .caption dd.course_progress { height: 6px; background: #e2e3e5; border-radius: 100px; margin: 0; } .ld-course-list-items .ld_course_grid .thumbnail.course .caption dd.course_progress .course_progress_blue { background: #915dbc; border-radius: 100px; } .ld-course-list-items .ld_course_grid .thumbnail.course .caption p:last-of-type { margin-bottom: 0; } .learndash-pager { display: none !important; } .points-icon .elementor-widget-container { max-width: 120px; height: 120px; margin: 0 auto; } #bbpress-forums li.bs-item-wrap.bs-header-item.align-items-center.no-hover-effect { border-top-left-radius: 20px !important; border-top-right-radius: 20px !important; } #bbpress-forums li:last-child > div { border-bottom-left-radius: 20px !important; border-bottom-right-radius: 20px !important; } .ld-course-list-items .bb-course-item-wrap { min-width:1px; } </style>
mark as completed lesson completed