Home › Forums › Legacy Support › Support queries › Setup issues › Previous , Next, Complete bar on the course
Tagged: The course bottom bar
- This topic has 28 replies, 5 voices, and was last updated 4 years, 7 months ago by
Diana.
-
AuthorPosts
-
June 3, 2020 at 12:44 am #265285
JUAMaster_427
ParticipantHi there, As you can seen in the pic1,I feel like the "Previous unit, Complete, Next" bar is too big and the text in the bar is too small so it is a little annoying because it blocks the contents. So I want to make this long bar into three simple buttons, like pic2 (from another site)
Is it possible to make it like that?
June 3, 2020 at 6:23 am #265339Veronica
Moderatorhi, well not clear: https://prnt.sc/sssev1 but yes according to your words i understood a thing that you want to make changes on some bar so please share proper screenshot by which i will be able to see that bar well this can be done with custom cssJune 3, 2020 at 7:46 am #265375JUAMaster_427
Participanthttps://prnt.sc/ssts7u This is what I got. https://prnt.sc/sstty8 This is what I want.June 4, 2020 at 6:08 am #265656Veronica
Moderatorif you want then this can be done via custom css codes. we can change the color of the button can make adjustments please let us know your view if agree then share the details. we will give you the code.June 4, 2020 at 9:10 am #265714JUAMaster_427
ParticipantThis reply has been marked as private.June 5, 2020 at 7:41 am #266004Jackson
BlockedHello, Goto appearance>>customize>>custom css and use code given below: .page-template-start-php .unit_wrap .unit_content .unit_prevnext .col-md-3 a span font { background-color:green; padding:8px !important; } RefeR: https://prnt.sc/su6s06 Note: change color code according to you, Thanks,June 5, 2020 at 8:36 am #266025JUAMaster_427
ParticipantThis reply has been marked as private.June 6, 2020 at 6:55 am #266262Anshuman Sahu
KeymasterPlease use this css instead of the above css : .page-template-start-php .unit_wrap .unit_content .unit_prevnext .col-md-3 a span{
background-color:green;
padding:8px !important;
}June 7, 2020 at 12:24 am #266403JUAMaster_427
ParticipantThis reply has been marked as private.June 8, 2020 at 8:57 am #266601Jackson
BlockedHello, Use code given below to make customized the strip: .page-template-start-php .unit_wrap .unit_content .unit_prevnext { background:#e4e4e4 !important; border-color:#e4e4e4 !important; height:50px !important; } .page-template-start-php .unit_wrap .unit_content a#next_unit { margin-top:-30px !important; } RefeR: https://prnt.sc/svrunx Thanks,June 8, 2020 at 11:42 am #266647JUAMaster_427
ParticipantThis reply has been marked as private.June 9, 2020 at 2:22 am #266792JUAMaster_427
ParticipantThis reply has been marked as private.June 9, 2020 at 8:01 am #266863Veronica
Moderatorhi, for the responsiveness issue this can be done via css and for the start button in the quiz first of all please check if "Activity streams" component is enabled in your wp-admin-> settings -> Buddypress -> components .
If it is not enabled then please enable it . make sure you have updated to all the latest version of the plugins and themeJune 9, 2020 at 1:24 pm #266973JUAMaster_427
ParticipantThis reply has been marked as private.June 10, 2020 at 5:19 am #267092Jackson
BlockedHello, For this button use this code: .page-template-start-php .unit_wrap .unit_content a#mark-complete { position:relative !important; top:-13px !important; background:#008000 !important; padding:8px !important; } Refer: https://prnt.sc/swz570 Thanks, -
AuthorPosts
- The topic ‘Previous , Next, Complete bar on the course’ is closed to new replies.