Previous , Next, Complete bar on the course

[JUAMaster_427]

Hi 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?

[Veronica]

hi, 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 css

[JUAMaster_427]

https://prnt.sc/ssts7u This is what I got.   https://prnt.sc/sstty8 This is what I want.  

[Veronica]

if 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.

[JUAMaster_427]

This reply has been marked as private.

[Jackson]

Hello, 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,

[JUAMaster_427]

This reply has been marked as private.

[Anshuman Sahu]

Please 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;
}

[JUAMaster_427]

This reply has been marked as private.

[Jackson]

Hello, 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,

[JUAMaster_427]

This reply has been marked as private.

[JUAMaster_427]

This reply has been marked as private.

[Veronica]

hi, 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 theme

[JUAMaster_427]

This reply has been marked as private.

[Jackson]

Hello, 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,

[Author]

Posts