Archived topic
Tutor LMS theme conflict
9 replies · Started by Merri Dennis on May 15, 2020
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.
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 :)
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 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/after/wrap'); ?>
<?php
get_footer();
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;
}Worked perfectly! Thanks so much!
You're welcome :)
Como se realiza la modificación? Es decir, en que parte debemos entrar? Gracias
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/
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;
}Thanks for sharing!
