Courses not displaying correctly.

Hey guys,

I recently purchased the Coursepress Pro (and am loving it)but am having some errors with the course listing page.

At present I am building a non-profit e-learning website and the way in which the course page is laid out on the theme I am using, is all skewed and over the place, and each following courses title is dependent upon the one above it having a description (as you might be able to tell from the random words entered by the top course, to push the title of the second down into line).

Additionally I'll ask two other questions for once the one above is solved:
1) Can I implement staff assistants to assist with essay grading?
2) Do you guys have any kind of library style plugin? We have a number of textbooks and materials that we want to display and although I know a few plugins, thought I'd see if you guys have made one :slight_smile:

Is this a quick fix? I had a look through the support feed but couldn't locate anything that I thought would fix this. Happy to activate an admin account for you guys too :slight_smile:

http://universityofsorcery.com/course/

I'll appreciate any support you can give on this

  • Michael Bissett

    Hey @Bryan, Michael here! :slight_smile:

    We'll want to take those other two questions of yours to separate threads, we ask that separate issues be discussed separately, helps to keep things tidy, and to help you more efficiently. :slight_smile:

    As to the display issues you mentioned, you can insert this CSS code into either a child theme, or a plugin like Simple Custom CSS, to help get things looking better:

    .post-type-archive-course .quick-course-info.quick-course-info-extended {
        display: table;
        width: 100%;
    }
    
    .post-type-archive-course .course-cost > span {
        background: none;
        line-height: normal;
    }

    I also cooked up some CSS code for the enrollment pages for your courses, to help make those look better as well:

    .course-box .label {
        font-size: initial;
        font-weight: initial;
        color: initial;
    }
    
    .course-box .label,
    .course-structure-block .label {
        display: initial;
        padding: initial;
        line-height: initial;
        text-align: initial;
        white-space: initial;
        vertical-align: initial;
        border-radius: initial;
    }
    
    .course-structure-block .label {
        font-family: "PT Sans";
        font-weight: normal;
        font-style: normal;
        color: #767676;
        font-size: 36px;
    }
    
    .course-structure-block .tree li {
        position: relative;
        margin-left: -15px;
        list-style: none;
        margin-top: 5px;
    }

    Let me know if this helps please! :slight_smile:

    Kind Regards,
    Michael