Course header after fixing

[hilmanf]

Hi @Diana After you fix the Course Page Header issue on this thread >> https://wplms.io/support/forums/topic/customization-disappear-after-fixing << there are new flaws on course header. #1 Breadcrumb font become white #2 Course student number become aligned with rating #3 Wide top margin of instructor #4 There are 2 vertical lines beside instructor text area Please refer: https://prnt.sc/l32mnc   It should be looks like this:  https://prnt.sc/l32naf Please help me to fix this. Thank you

[hilmanf]

correction: #3 Instructor/Mentor text become white

[Diana]

@hilmanf Issue 1: Use this custom CSS .single-course.c2 .course_header #item-header-content .breadcrumbs li+li:before, .single-course.c2 .course_header #item-header-content a, .single-course.c3 .course_header #item-header-content .breadcrumbs li+li:before, .single-course.c3 .course_header #item-header-content a{ color: #000000 !important; } Issue 2 & 3: maybe this is due to the course layout Issue 4: This is because you are using minimal Theme skin and the course layout Style is c2. This is not a bug this is actually the style.

[hilmanf]

@Diana Thanks for code. Issue #1 is resolved. I don't mean to blame you at all. But All this issues comes after you deleted the code on my footer > google analytic. Including issue #2 #3 #4. I made no changes to course layout since long ago. Like I mentioned above, my course page looked like this: https://prnt.sc/l32naf The next critical issue is #3 where Instructor/Mentor name font becomes white or transparent. As you see on old page screenshot, Instructor/Mentor name font color was black (PLN Corporate University). I hope you would help me to make instructor name reappear. Thank you.

[Diana]

@hilmanf, To change the instructor name color on single course page: .single-course #item-admins h5.course_instructor a{color:#0000ff !important;} For those vertical lines: .single-course #item-header #item-admins{ border-left: transparent !important; border-right: transparent !important; } To show the star rating in next line: .single-course #item-meta{ display:inline !important; }

[hilmanf]

Thanks @Diana But unfortunately none of codes above are working. I have placed them on Custom CSS and Footer > Google Analytic. Both made no changed. Please recheck your code.

[Diana]

@hilmanf Now, your customizer is working. You can try this code in the customizer(wp-admin > Appearance > Customize > custom css)

[hilmanf]

Super! Thank you very much Diana. Please tell me what should I do if my customizer stop working. So I dont have to report it again and again in this forum.

[Diana]

@hilmanf, Please check these articles: 1. https://www.mhthemes.com/support/theme-customizer-not-working/

1. Try deactivating third-party plugins. Sometimes it happens that the customizer and any of your third-party plugin conflicts with each other.

3. https://wpexplorer-themes.com/total/docs/troubleshooting-customizer/ 4. https://catchthemes.com/blog/theme-customizer-not-working-wordpress-update/ Closing this topic now Welcome :D  

[Author]

Posts