CSS Codes

Change the header icons hover color
By default, the platform does not have this option. You can use the following CSS code to Change the header icons hover color.  Please follow the steps bel...
Make the LearnDash pagination sticky/float
By default, the platform does not have this option. You can use the following CSS code and Javascript to make the LearnDash pagination sticky/float.  Pl...
Remove the black overlay on top of the cover photo for LearnDash courses
By default, the platform does not have this option. You can use the following CSS code to remove the black overlay on top of the cover photo for LearnDash c...
Set a color for member type
By default, the platform does not have this option. You can use the following CSS code to set a color for member type Please follow the steps below: 1....
Make the LearnDash breadcrumb background transparent
By default, the platform does not have this option. You can use the following CSS code to make the LearnDash breadcrumb background transparent. Please f...
Disable the BuddyPanel in the desktop version only
By default, the platform does not have this option. You can use the following CSS code to disable the BuddyPanel in the desktop version only. Please fol...
Display a sidebar on the Shop page but not on the single product page
By default, the platform does not have this option. You can use the following CSS code to Display a sidebar on the Shop page but not on the single product p...
Align the BuddyPanel icons
By default, the platform does not have this option. You can use the following CSS code to Align the BuddyPanel icons. Please follow the steps below: ...
Resize the BuddyPanel icons
By default, the platform does not have this option. You can use the following CSS code to resize the BuddyPanel icons. Please follow the steps below: ...
Change the Profile dropdown username text color
By default, the platform does not have this option. You can use the following CSS code to change the Profile dropdown username text color.  Please follo...