[Resolved] Tutor LMS theme conflict

[Merri Dennis]

I’m using Tutor LMS on a client site with GeneratePress. The course page is supposed to display a portion of the content in the right sidebar. I tested with 2015 theme and the appropriate content moves to the sidebar.

I did see a brief mention of a similar issue is Tutor LMS’s support forum in July 2019, but no solution mentioned.

[Tom]

Hi there,

Do they have any theme-related instructions to ensure compatibility with their plugin?

We should be able to follow those instructions to fix the issue.

Let me know 🙂

[Merri Dennis]

Tom,
The only thing I’ve found is the developer documentation about how to override templates.
https://docs.themeum.com/tutor-lms/developers/override-templates/

This is the single-course.php template code

<?php
/**
* Template for displaying single course
*
* @since v.1.0.0
*
* @author Themeum
* @url https://themeum.com
*
* @package TutorLMS/Templates
* @version 1.4.3
*/

get_header();
?>

<?php do_action(‘tutor_course/single/before/wrap’); ?>

>

<?php do_action(‘tutor_course/single/before/inner-wrap’); ?>
<?php tutor_course_lead_info(); ?>
<?php tutor_course_content(); ?>
<?php tutor_course_benefits_html(); ?>
<?php tutor_course_topics(); ?>
<?php tutor_course_instructors_html(); ?>
<?php tutor_course_target_reviews_html(); ?>
<?php do_action(‘tutor_course/single/after/inner-wrap’); ?>

<!– .tutor-col-8 –>

<?php do_action(‘tutor_course/single/before/sidebar’); ?>
<?php tutor_course_enroll_box(); ?>
<?php tutor_course_requirements_html(); ?>
<?php tutor_course_tags_html(); ?>
<?php tutor_course_target_audience_html(); ?>
<?php do_action(‘tutor_course/single/after/sidebar’); ?>

<?php do_action(‘tutor_course/single/after/wrap’); ?>

<?php
get_footer();

[Tom]

I think the issue here is they’re assuming the theme is using box-sizing: border-box by default. They’ve added padding to elements that have width, and haven’t accounted for the extra width added to those elements by the padding.

Try this:

.tutor-col-auto, .tutor-col, .tutor-col-3, .tutor-col-4, .tutor-col-5, .tutor-col-6, .tutor-col-7, .tutor-col-8, .tutor-col-9, .tutor-col-12 {
    box-sizing: border-box;
}

[Merri Dennis]

Worked perfectly! Thanks so much!

[Tom]

You’re welcome 🙂

[Mario]

Como se realiza la modificación? Es decir, en que parte debemos entrar? Gracias

[Leo]

Tom’s code here is CSS:
https://generatepress.com/forums/topic/tutor-lms-theme-conflict/#post-1287833

Adding CSS: https://docs.generatepress.com/article/adding-css/

[usblsb]

There are new changes now the code is:

.tutor-course-col-auto, .tutor-course-col, .tutor-course-col-3, .tutor-course-col-4, .tutor-course-col-5, .tutor-course-col-6, .tutor-course-col-7, .tutor-course-col-8, .tutor-course-col-9, .tutor-course-col-12 {
    box-sizing: border-box;
}

[Leo]

Thanks for sharing!

[Author]

Posts