CoursePress Pro Navigation

I have searched the forums for this question with no avail.

I am using the latest version of:

Wordpress

CoursePress Pro

Divi (Theme)

The biggest problem is that CoursePress Pro is automatically adding pages to the navigation and not allowing me to change what shows up via the menu options in WordPress. This is super annoying.

I have a sales land page that I only want the “Register Here” button to show up on the navigation. CoursePress Pro just puts all the automactically generated pages on the nav bar.

I only want my potential clients to be able do click on one thing.

This leads me to the back end. I need to be able to choose the navigation and elements that I want my students to see. Like no sidebar and fullwidth pages etc..

1) How can I make it so that I am in control of what menus are showing up on the main navigation?

2) How can I design the pages of the default “slugs” installed by CoursePress Pro?

If I can fix the first issue I can just design the pages and navigation I desire and use CoursePress Pro Shortcodes. If not I need to be able to modify the default CoursePress “slugs” or pages.

Thanks in advanced.

Zac

  • Kasia Swiderska
    • Support nomad

    Hello Zac,

    1) How can I make it so that I am in control of what menus are showing up on the main navigation?

    Please go to CoursePress settings and disable "Theme menu items"

    CoursePress will stop adding own elements to menu. The you can fully manage your menu in Appearance -> Menus (or in Divi if this theme has own way of managing menus).

    2) How can I design the pages of the default "slugs" installed by CoursePress Pro?

    If you set in CoursePress pro settings to not use virtual pages, but you will create own pages with use of shortcodes that CoursePress provides then I believe Divi give you options to customize each of the pages.

    Let me know if you have more questions.

    kind regards,

    Kasia

  • Zac
    • Site Builder, Child of Zeus

    Hey Kasia,

    Im having even more issues.

    Link from the example: http://www.mydnaactivations.com/courses/free-test-course

    1) If you take a look at the first image you will see that there is a HUGE gap above the picture. I don’t know what is causing this. This is happening on Chrome, Firefox, and Opera, and Explorer.

    2) If you look at the second example, taken from Opera, you will see I am missing buttons. These buttons include and are not limited too: The “Passcode Required” button and the “Enroll Now” button.

    Please advise,

    Zac

  • Zac
    • Site Builder, Child of Zeus

    Hey Kasia,

    I have also granted you access to the backend of my site.

    Do keep in mind it is live but if for whatever reason we need to take it down this will be fine as long as I can get your software to work.

  • Kasia Swiderska
    • Support nomad

    Hello Zac,

    The issue regarding the custom slugs is that only some of them are virtual. See attached.

    Yes, that is correct. Some pages will have to stay as virtual pages – they will use default template for pages from your theme.

    So units of the courses are virtual pages – there can be done customization but it will require creating child theme. Here is thread about creating child theme with Divi with prepared child theme https://premium.wpmudev.org/forums/topic/using-coursepress-with-divi-theme-from-elegant-themes

    Also, i'm using this shortcode [cp_pages page="student_login"]

    This is how it looks on the screen. It is out of alignment. How do I fix that?

    Please try this code:

    #student-settings  p:nth-child(2) {margin-top: -23px;}
    .student-settings input[type="text"], .student-settings input[type="password"] {
    height: 26px;
    }

    You can

    a) add it to the child theme style.css file

    b) use this small plugin https://wordpress.org/plugins/simple-custom-css/

    1) If you take a look at the first image you will see that there is a HUGE gap above the picture. I don't know what is causing this. This is happening on Chrome, Firefox, and Opera, and Explorer.

    it looks like you removed that course and on the one that is left there is no gap above image – but I can see gap above title of the course. You should be able to remove gap with

    .single-course #content-area {margin-top: 0 !important;}

    2) If you look at the second example, taken from Opera, you will see I am missing buttons. These buttons include and are not limited too: The "Passcode Required" button and the "Enroll Now" button.

    Did you checked that as non logged user? Because when I was checking now on your site there was registration disabled in your WordPress (Settings -> General) – so for non logged users there was no buttons at all, not in opera and not in firefox. In the moment I changed settings and enabled registration button for signup showed.

    I can't login to my site using this page http://www.mydnaactivations.com/student-login1/

    Its the page I have the shortcode setup for.

    I've checked your settings and you had still checked use of virtual page instead of normal page where you had shortcode. I've changed that so now login page is page with shortcode.

    Can you check if you can log in now?

    kind regards,

    Kasia

  • Zac
    • Site Builder, Child of Zeus

    Hey Kasia,

    1)The code for the Name alignment worked for that area.

    2)Please take a look at this screenshot and send me the code to fix this area too.

    http://screencast.com/t/0Ao5Cowcvk

    3) I used this code

    #content-area {margin-top: 0 !important;}

    because it was happening on all area’s not just a single course.

    4)

    Can you check if you can log in now?

    I had that option turned on when I tried to login. With it turned on again I still cannot login using the shortcode. If you find that this is turned back off please go ahead and turn it on and test it.

    I was aiming to launch this today or tomorrow at the latest because I have customers who have paid for this service and are waiting for the content. At this point I am just trying to make it functional.

    I would prefer to use virtual pages for customization if at all possible.

    5)

    Did you checked that as non logged user? Because when I was checking now on your site there was registration disabled in your WordPress (Settings -> General) – so for non logged users there was no buttons at all, not in opera and not in firefox. In the moment I changed settings and enabled registration button for signup showed.

    Awesome thanks! I had no idea I needed to change that setting.

    6) I do use a Child theme and I use the Divi Theme options “Custom CSS” box which acts like a child theme.

    7) Now that you enabled registration when I sign up for the class the user is assigned the “subscriber” role and not a “student” role. What effects will this have?

    8) I need everyone that signs up to have one account log in. Right now its looking like my shoppers have to go to a different account page then my students. Is there anyway to merge these two?

    9) I need to make sure that everyone who signs up for an account on this website is also added to a mailchimp list. I have a plugin that does this for woo commerce but I don’t see that working if the default role is subscriber. Is there a plugin that will subscribe my students from CoursePress Pro to a mailchimp list?

    10) How do I add space below this button? http://screencast.com/t/0rTKkBln

    11) How do I style all my buttons built in to the plugin to be like this:

    } font-size: 20px !important;

    font-weight: 500 !important;

    -moz-border-radius: 3px !important;

    -webkit-border-radius: 3px !important;

    border-radius: 3px !important;

    padding: 8px 20px !important;

    line-height: 1.7em !important;

    background: transparent !important;

    border: 2px solid !important;

    -webkit-font-smoothing: antialiased !important;

    -moz-osx-font-smoothing: grayscale !important;

    -moz-transition: all 0.2s !important;

    -webkit-transition: all 0.2s !important;

    transition: all 0.2s !important;

    position: relative !important;

    }

    12) How do I add hover animations to the buttons? Here is how I would like all my buttons to look and function.

    .btn-white {

    font-size: 20px;

    font-weight: 500;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    padding: 8px 20px;

    line-height: 1.7em;

    background: transparent;

    border: 2px solid;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    -moz-transition: all 0.2s;

    -webkit-transition: all 0.2s;

    transition: all 0.2s;

    position: relative;}

    a.btn-white {

    background-color: #ffffff; /* change background color here */

    border: 2px solid transparent;

    color: #0990c7!important; /* change font color here */

    font-weight: bold;}

    a.btn-white:hover {

    background: #FEC601; /* change background color on hover here */

    border: 2px solid transparent;

    padding: 8px 34px 8px 14px !important;}

    a.btn-white:after {

    font-family: ‘ETmodules’;

    font-size: 32px;

    opacity: 0;

    speak: none;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    font-size: 32px;

    line-height: 1em;

    content: “35”;

    position: absolute;

    margin-left: -1em;

    -moz-transition: all 0.2s;

    -webkit-transition: all 0.2s;

    transition: all 0.2s;}

    a.btn-white:hover:after {

    opacity:1;

    display: block!important;

    font-family: ‘ETmodules’;

    speak: none;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    right: 0px;

    top: 5px;

    margin-left: 0;}

    13) How do I fix this “I” that belongs on the next line? (see image)

    http://screencast.com/t/JRagvUOO5bW

    14) How do I add a custom widget sidebar to only the CoursePress Pro Slugs that I need to? For example How do I add a custom side bar to each lesson?

    15) I have the ability to ask a question but I don’t understand how people can join in on the conversation or know how to answer the questions. Please advise.

    16) How are students notified if a new lesson is published on a course? For example lesson 1-3 come out on launch and there is another lesson that is added and published every week after that?

    17) I am having an issue with setting up a paid course with woocommerce. I created a paid course called “Test Course – Paid” (link: http://www.mydnaactivations.com/courses/test-course-paid/)

    I don’t see any buttons here that allow my to sign up for this course or add it to my shopping cart.

    Also the status is orange on the course overview page.

    http://screencast.com/t/ma0oJLRJT3Zr

    I am look to sell this and have it setup with a pass code that will be mailed to participants.

    It did create a product in the woocommerce product section.

    I duplicated the “The Four Assumptions Master Class” and named it “The Four Assumptions Master Class – Paid”.

    When I go to ( http://www.mydnaactivations.com/courses/the-four-assumptions-master-class-paid/ ) and “Sign Up” I am then rederected to an empty shopping cart.

    http://screencast.com/t/VRYkHZNu3

    When I have the “Redirect WooCommerce product post to a parent course post” check in the CoursePress Pro settings my navigation link to the “Shop” href=”http://www.mydnaactivations.com/default-shop/ does not work site wide. it always links back to ( http://www.mydnaactivations.com/courses/test-course-paid/ )

    Again, if this is turned off when you get to this please turn it back on and test this out. Also, I have set the Test Courses in woocommerce to Draft so people are not trying to buy them.

    Please advise.

    18) Is there anyway to set the price of a custom to say something custom? Like “Free with the purchase of a Fractal Illumination Gathering”?

    Thanks!

  • Nithin
    • Support Wizard

    Hi Zac,

    Hope you are doing good today. :slight_smile:

    2)Please take a look at this screenshot and send me the code to fix this area too.

    http://screencast.com/t/0Ao5Cowcvk

    Please try the following CSS, it should fix the input box that’s out of place:

    #student-settings p {
    padding-bottom: 0;
    }

    You can add the above code either in your child theme, or using a plugin like Simple Custom CSS.

    I had that option turned on when I tried to login. With it turned on again I still cannot login using the shortcode. If you find that this is turned back off please go ahead and turn it on and test it.

    It seems like your custom page slug was causing a conflict, and hence the login wasn’t working. I have changed the page slug to students-login, and it seems to work fine. Please change it to your desired slug name, you can then enable the custom page, instead of virtual page.

    6) I do use a Child theme and I use the Divi Theme options “Custom CSS” box which acts like a child theme.

    Child theme helps us to extend the theme, it’s not only about CSS changes. Child theme would be the recommended way for customising your theme, but if your changes are only upto CSS, then custom CSS box in your theme should be fine.

    You can check this link for more info:

    https://codex.wordpress.org/Child_Themes

    https://www.elegantthemes.com/blog/resources/wordpress-child-theme-tutorial

    7) Now that you enabled registration when I sign up for the class the user is assigned the “subscriber” role and not a “student” role. What effects will this have?

    By default the CoursePress plugin doesn’t assign any student role, user are signed up with subscriber capabilities. Once they start enrolling to the course, they’ll be added to the student list.

    8) I need everyone that signs up to have one account log in. Right now its looking like my shoppers have to go to a different account page then my students. Is there anyway to merge these two?

    CoursePress has it’s own signup form, I’m afraid there isn’t any quick workaround for this, at the moment.

    ) I need to make sure that everyone who signs up for an account on this website is also added to a mailchimp list. I have a plugin that does this for woo commerce but I don’t see that working if the default role is subscriber. Is there a plugin that will subscribe my students from CoursePress Pro to a mailchimp list?

    You could make use of a plugin like MailChimp integration, it’s not course specific, but the plugin will add every user who signups in your website to MailChimp.

    https://premium.wpmudev.org/project/mailchimp-newsletter-integration/

    10) How do I add space below this button? http://screencast.com/t/0rTKkBln

    Please add the following code in your custom css box:

    .cp_popup_window button.apply-button.enroll-success {
    top: 0;
    }

    11) How do I style all my buttons built in to the plugin to be like this:

    You’ll have to add your code to the these button classes:

    button.apply-button, a.apply-button, input.apply-button[type="submit"], input.apply-button[type="button"] {
    font-size: 20px !important;
    font-weight: 500 !important;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
    padding: 8px 20px !important;
    line-height: 1.7em !important;
    background: transparent !important;
    border: 2px solid !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    -moz-transition: all 0.2s !important;
    -webkit-transition: all 0.2s !important;
    transition: all 0.2s !important;
    position: relative !important;
    }

    12) How do I add hover animations to the buttons? Here is how I would like all my buttons to look and function.

    The CSS class would be:

    button.apply-button:hover,
    a.apply-button:hover,
    input[type="submit"].apply-button:hover,
    input[type="button"].apply-button:hover{
    opacity:1;
    display: block!important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    right: 0px;
    top: 5px;
    margin-left: 0;
    }

    3) How do I fix this “I” that belongs on the next line? (see image)

    http://screencast.com/t/JRagvUOO5bW

    .et_pb_post .entry-content > p {
    word-wrap: normal;
    }

    14) How do I add a custom widget sidebar to only the CoursePress Pro Slugs that I need to? For example How do I add a custom side bar to each lesson?

    Lessons are the default post layout, I think Divi theme have the option to set sidebar layouts for all pages, and post by default. Other than that, you’ll have to make use of a child theme in order to customise the pages to add a sidebar.

    15) I have the ability to ask a question but I don’t understand how people can join in on the conversation or know how to answer the questions. Please advise.

    It’s more like a discussion forum, so the instructors can create a discussion or question, and students can check the discussion section, and can comment, or create a new question if they want. It’s accessible through the fronted dashboard.

    16) How are students notified if a new lesson is published on a course? For example lesson 1-3 come out on launch and there is another lesson that is added and published every week after that?

    Students are notified under the student dashboard page(frontend), they’ll get alert messages about notifications.

    I don’t see any buttons here that allow my to sign up for this course or add it to my shopping cart

    When you enroll, you’ll be redirected in order to make a purchase for paid courses.

    When I go to ( http://www.mydnaactivations.com/courses/the-four-assumptions-master-class-paid/ ) and “Sign Up” I am then rederected to an empty shopping cart.

    Please check the patch provided in this link, and check whether it makes any difference:

    https://premium.wpmudev.org/forums/topic/attempt-to-register-for-courses-returns-blank-page?replies=28#post-1075362

    18) Is there anyway to set the price of a custom to say something custom? Like “Free with the purchase of a Fractal Illumination Gathering”?

    I’m not sure what you meant here exactly, possible a screenshot would be helpful.

    19) Is there any way to hide the secondary times on the course overview page (please see screenshot below) ? also is there any way to add a total time?

    http://screencast.com/t/yJnErHfs

    Please add the following code in your themes functions.php file:

    function remove_seconds() {

    $modules = Unit_Module::get_modules( $unit_id );
    $total_minutes = 0;
    $total_seconds = 0;

    foreach ( $modules as $mod ) {
    $time_estimation = $mod->time_estimation;
    if ( isset( $time_estimation ) && $time_estimation !== '' ) {
    $estimatation = explode( ':', $time_estimation );
    if ( isset( $estimatation[0] ) ) {
    $total_minutes = $total_minutes + intval( $estimatation[0] );
    }
    if ( isset( $estimatation[1] ) ) {
    $total_seconds = $total_seconds + intval( $estimatation[1] );
    }
    }
    }

    $total_seconds = $total_seconds + ( $total_minutes * 60 ); //converted everything into minutes for easy conversion back to minutes and seconds

    $minutes = floor( $total_seconds / 60 );

    return $minutes.' min';

    }

    add_filter( 'coursepress_unit_time_estimation_minutes_and_seconds_format', 'remove_seconds' );

    I hope this helps. Please advise if I had missed out anything. Have a nice day. :slight_smile:

    Kind Regards,

    Nithin

  • Nithin
    • Support Wizard

    Hi Zac,

    What I would like the price to say is “Free with a Factal Illumnation Grathering” or something like that which is a product in the store.

    You can make use of Ultimate Branding plugin in order to change the text accordingly, once you active ultimate branding plugin. Under Branding, activate the Network Wide Text Change module. Then under Branding > Text Change, add the following as shown in the screenshot:

    This should replace the text FREE to your desired text for every course page.

    19) Is there anywhere specifically I need to place that code in my php file?

    You can either create a functions.php file using a child theme, and add the following codes in it. Or you can place the code in your themes functions.php file, you can add this at very last line of the file.

    Please let us know if you still need any further assistance. Have a nice day. :slight_smile:

    Kind Regards,

    Nithin

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.