- This topic has 28 replies, 5 voices, and was last updated 4 years, 6 months ago by
.
-
Posts
-
Hello, For start quiz button use code given below: .page-template-start-php .unit_wrap .unit_content a.unit_button.start_quiz { position:relative !important; top:-13px !important; background:#008000 !important; padding:8px !important; } Refer:https://prnt.sc/sxt7v5 Thanks,Hello, Use this code :https://prnt.sc/sybnwc .page-template-start-php .unit_wrap .unit_content a.unit_button.submit_inquiz, .page-template-start-php .unit_wrap .unit_content .save_quiz_progress { position:relative !important; top:-20px !important; background:#008000 !important; padding:8px !important; } Thanks,Hello, But i did share screenshot with perfect code , Once try to use same code in wplms>>footer>>google analytics code Like: <style> // Paste Css code here </style> Thanks,Hello, Use this code: That will help you to look better everything @media (max-width: 460px){ a#mark-complete:after { content: "mark complete"; display: block; font-family: fontawesome; font-size:9px !important; } } @media (max-width: 768px){ #next_quiz > span { display: block !important; } a#next_unit:after { content: "next unit"; display: block; font-family: fontawesome; font-size:9px !important; } #next_quiz > span { display: block !important; } a#prev_unit:after { content: "prev unit"; display: block; font-family: fontawesome; font-size:9px !important; } .unit_prevnext { top:200px !important; } .unit_prevnext { top:200px !important; } } Refer: https://prnt.sc/sx785j Thanks,Hello, Now please check , All looking good fro mobile: https://prnt.sc/t4ouju Thanks,Hello, Dear user , I have make this bar like this: https://prnt.sc/t670hu And i will suggest you that do not use more custom css because one css conflict by another , already you have too much css in custom css section, But now it is similiar as you want, Thanks,
- The topic ‘Previous , Next, Complete bar on the course’ is closed to new replies.