Home › Forums › Legacy Support › Support queries › Styling issues › add a ‘cotinue to next quiz/element’-bar
- This topic has 44 replies, 2 voices, and was last updated 3 years ago by Veronica.
-
AuthorPosts
-
October 20, 2021 at 10:28 am #373161VeronicaModeratorhi use this .unit_wrap .unit_wrap div#unit_content >.unit_prevnext { display:none; } http://prntscr.com/1wu1pfeOctober 21, 2021 at 8:41 am #373239MeesterGijsSpectatorThis reply has been marked as private.October 22, 2021 at 12:08 pm #373346VeronicaModeratorThis reply has been marked as private.October 23, 2021 at 9:09 am #373402MeesterGijsSpectatorYes, it happens because of adding this bit of code. Once deleted, the error disappears. <script> jQuery('.unit_content').on('unit_traverse',function(){ if(jQuery('.quiz_title').length){jQuery('.quiz_title').prepend('<div class="unit_prevnext">'+jQuery('.unit_prevnext').html()+'</div>'); }else{jQuery('.unit_title').prepend('<div class="unit_prevnext">'+jQuery('.unit_prevnext').html()+'</div>'); } }); </script>October 25, 2021 at 10:32 am #373491VeronicaModeratorso after removing the code all worked?October 25, 2021 at 12:04 pm #373501MeesterGijsSpectatorThis reply has been marked as private.October 27, 2021 at 10:28 am #373647VeronicaModeratorThis reply has been marked as private.October 27, 2021 at 4:36 pm #373695MeesterGijsSpectatorThat's weird... But where is the yellow bar now? It completely disappeared..October 28, 2021 at 12:29 pm #373734VeronicaModeratorhi that can be cache as it is working. I have checked many times also you can see in my previous provided video on the same topicOctober 29, 2021 at 5:49 pm #373820MeesterGijsSpectatorWhen I add the second function code in WPLMS Gogle Footer I get errors when I reload/restart the course. I get text in the middle of my yellow bottom bar. Text that I would like to delete with some code. And I get all this unit element info above the embedded video/powerpoint that I already deleted two years ago with some custom code. How can we fix these issues? See this video: http://somup.com/cr6UbG3G0F Code used: .unit_title_extras {display: none !Important;} Also, Can I delete the red elements so that the yellow bar sticks to the embedded videos, pdfs and quizzes? How can I fix my two issues? Thank you so much. GijsOctober 30, 2021 at 1:50 pm #373866VeronicaModeratorhi I got the issue when we click on the next/prev button in the yellow bar navigation then the issue appears as shown in your video but when we directly click on the link: from here: http://prntscr.com/1xu4y71 it will work to hide the details as shown in your video can be hide using this code: div#unit_content div#unit span.unit_duration, div#unit_content div#unit a.print_unit, div#unit_content div#unit .instructor, div#unit_content div#unit ul.tags{ display:none; } http://prntscr.com/1xtr2xa BUT NOTE: this is an issue as both IDs are the same the navigation we have added and the default navigation which we provided so it doesn't trigger the exact one we need to make changes in the structure for thisOctober 31, 2021 at 10:25 am #373888MeesterGijsSpectator"we need to make changes in the structure for this" Is that something you are willing to do?October 31, 2021 at 11:48 am #373889MeesterGijsSpectatorI want to hide the quiz title as well, but using underneath code also deletes the new yellow bar at the top of the quizpage. What code can I use to delete this? It includes the quiztitle and a small, thin grey horizontal line. /* IN QUIZ verwijder quiztitel */ .page-template-start .quiz_title, .page-template-start .unit_title{display:none !important;}November 1, 2021 at 7:24 am #373904VeronicaModeratoryou can use this: .page-template-start .quiz_title, .page-template-start div#unit h1{display:none !important;} refer: http://prntscr.com/1y187i5 “We need to make changes in the structure for this” means in our theme code so this one is not possible right now.November 1, 2021 at 8:30 am #373908MeesterGijsSpectatorThanks for the code. I understand. I'll let it go. Is it something that you add to your to-do list? In trello? One final question. See this video when doing a quiz on mobile device. The retry button is on top of the round H5P-button for CHECK CORRECT ANSWERS. How can I move that RETRY/OPNIEUW-button? So that it is not on top of another button?
-
AuthorPosts
- The topic ‘add a ‘cotinue to next quiz/element’-bar’ is closed to new replies.