Numbering is not working in the text editor

[Ada]

If you want this to display here also https://prntscr.com/zpexj6 Then also add this code #vibebp_member .vibebp_main .course_curriculum_builder .course_content_content ul { list-style-type: circle !important; } #vibebp_member .vibebp_main .course_curriculum_builder .course_content_content ol { list-style-type: decimal !important; }

[pablocanedoq]

Yes! I confirm it, @Ada. It is working both in Course Description and Units. Thank you. BUT, it needs to be seen in the Course Editor as well. Look: https://screencast-o-matic.com/watch/crnDIaSgyN Instructors need to see it properly from the Course Editor as well. Could you please pass me a code to fix this in Course Editor?

[Ada]

Okay, You can try using this code for editor

.vibebp_main .course_curriculum_builder .field_curriculum .vibev_editor .vibe_editor ul {
list-style-type: circle !important;
}
.vibebp_main .course_curriculum_builder .field_curriculum .vibev_editor .vibe_editor  ol {
list-style-type: decimal !important;
}

[pablocanedoq]

Hi @Ada, I have added the code, but still not working en Course Editor. Then, I also have cleared de site chache and the browssers cache, but still not showing numbering in Course Editor. Would you check it please.

[Ada]

Yes I checked. It is not working in editor that would be fixed in next update. Or you can track update from the trello card.

[pablocanedoq]

Hi @Ada I am very afraid when you say "would be fixed in next update" or "track update from the trello card", because this means that the fix will take a long time (probably months). I know this may not be a big issue, but it is one of those factors that makes your website look very unprofessional. Imagine that an Instructor registers with the site and tries to create a course, and sees that even a basic function of the text editor does not work, it certainly gets a very bad image of the site. And it is a shame to receive these types of complaints. We cannot allow this. So please, if you have a temporary fix for this issue, please share it to me as soon as possible.

[Ada]

Hi, Yes I understand this. I have tried another code at your site this is working now. Please check on your site https://prntscr.com/101nqz7

[pablocanedoq]

Thanks @Ada, Could you please align the Numbering at the same distance as the Bullets? https://prnt.sc/1048ho6 I know that once posted it looks correctly in Units, but I need instructors to see it correctly while working in the Course Editor as well. I will be waiting for your help. Thanks in advance.

[Ada]

Hi, Add this css code to add space before list item.

#course_component .vibebp_main .course_curriculum_builder .vibe_editor .vibe_rich_editor .editor_wrapper ol{
   padding-left:18px !important;
}
#course_component .vibebp_main .course_curriculum_builder .vibe_editor .vibe_rich_editor .editor_wrapper ol li{
   padding-left:4px !important;
}

[pablocanedoq]

Thanks @Ada It is resolved in the Course Editor. Unfortunately, we continue to have problems with this. See how it looks in an Assigment Response and also how it looks in the Assgment Sumbissions section (it looks terrible): https://screencast-o-matic.com/watch/crnZ2EWDGc This looks very bad and the instructors are disappointed. Please help soon.

[Ada]

Hi, I have updated the previous code so it will work for assignment editor also. And for assignment submission section please add this code

#vibebp_member .vibebp_main .assigmmnet_submission .vibe_editor_rich_text ul{
    list-style-type: circle !important;
}
#vibebp_member .vibebp_main .assigmmnet_submission .vibe_editor_rich_text ol{
    list-style-type: decimal !important;
}
#course_component .vibebp_main .assigmmnet_submission .vibe_editor_rich_text ul,ol{
   padding-left:18px !important;
}
#course_component .vibebp_main .assigmmnet_submission .vibe_editor_rich_text ul li,ol li{
   padding-left:4px !important;
}

[pablocanedoq]

Thank you @Ada 1. The alignment in assignment editor is fixed, but now it is not working again in the following location: https://prnt.sc/107m4du 2. And in the assignment submission section, please we have to reduce these huge spaces: https://prnt.sc/107m9g4 Please help me fix it asap.

[Ada]

1- For https://prntscr.com/108a7pu use this css code

#course_component .vibebp_main .assignment_content .vibe_editor_rich_text ul,ol{
   padding-left:18px !important;
}

2- For this issue I need to check if it can be solved using custom code or not as it's looking hard coded https://prntscr.com/108a6go Till then please confirm about first issue. I'll update you on next working day.

[pablocanedoq]

Thank you @Ada 1.The code is working. I had to put 36px instead of 18px, because it was to close to the left. With 18px looks like this: https://prnt.sc/108klj2 With 36px looks like this: https://prnt.sc/108kkh4 So, I think this is solved. 2. Ok, please let me know about the second matter. 3. Also, please check the assignment preview in Course Edito. It is not showing neither bulltes or numbering: https://screencast-o-matic.com/watch/crntD5Wx2E 4. And for Units, please we need to fix this: https://screencast-o-matic.com/watch/crntDPWxDB

[Ada]

Css code - 2-

#vibebp_member .vibebp_main .assigmmnet_submission .vibe_editor_rich_text ol br , ul br {
    display:none !important;
}

For other please use this css and make sure you paste exact same code because I can see I am providing duplicate code for this. There should be space before and after comma ' , ' (if present in any code).

#vibebp_member .vibebp_main .assigmmnet_submission .vibe_editor_rich_text ol br , ul br {
    display:none !important;
}

#vibebp_member .vibebp_main .course_curriculum_builder .course_content_content ul li {
padding-left:14px !important;
margin-left:28px !important; 
}

#vibebp_member .vibebp_main .course_curriculum_builder .vibe_editor_rich_text ul {
     list-style-type: disc !important;
}

#vibebp_member .vibebp_main .course_curriculum_builder .vibe_editor_rich_text ol {
     list-style-type: decimal !important;
}

[Author]

Posts