Previous , Next, Complete bar on the course

[JUAMaster_427]

This reply has been marked as private.

[Jackson]

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,

[JUAMaster_427]

This reply has been marked as private.

[Jackson]

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,

[JUAMaster_427]

This reply has been marked as private.

[Jackson]

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,

[JUAMaster_427]

This reply has been marked as private.

[Jackson]

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,

[JUAMaster_427]

This reply has been marked as private.

[Jackson]

Hello, Now please check , All looking good fro mobile: https://prnt.sc/t4ouju Thanks,

[JUAMaster_427]

This reply has been marked as private.

[Jackson]

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,

[JUAMaster_427]

This reply has been marked as private.

[Diana]

Thanks for confirming. Closing

[Author]

Posts