Created
August 24, 2018 02:10
-
-
Save jerrickhakim/48256ef01a2c7dadce868bc0564ef505 to your computer and use it in GitHub Desktop.
WP Course App Basic Custom CSS
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* MENU CSS | |
----------------------------------------*/ | |
/*change color of menu background*/ | |
nav#menu-wpca { | |
background: #0049ff; | |
} | |
/*change color of module title in advanced mode*/ | |
h2.module-title { | |
color: white; | |
} | |
/*change color of lecture titles*/ | |
li.wpca-lecture-title { | |
color: white; | |
} | |
/*color of tab that indicateds now playing*/ | |
li.wpca-lecture-title.playing { | |
border-left: 6px solid #ffffff; | |
} | |
/* STICKY FOOTER CSS | |
----------------------------------------*/ | |
/*menu icon color*/ | |
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { | |
background-color: #ffffff; | |
} | |
/*footer font icon color. NOTE: this should be the same as the menu animation color*/ | |
i.fas, i.fa { | |
color: #ffffff; | |
} | |
/*color of footer text font*/ | |
h5.f-text { | |
color: #ffffff; | |
} | |
/*sticky footer background color*/ | |
.wpca-sticy-bottom { | |
background: #5059f9 !important;; | |
} | |
/* VIDEO CSS | |
----------------------------------------*/ | |
/*this can be used to apply a video border*/ | |
.video-container { | |
/*change the color and sizing to anything you want*/ | |
background: #5059f9; | |
padding: 10px; | |
border-radius: 4px; | |
} | |
/* COURSE TEXT AREA | |
----------------------------------------*/ | |
/*background of course text area*/ | |
.course-text { | |
background: #ffffff; | |
} | |
/* SHADOW OPTIONS | |
----------------------------------------*/ | |
/*removes shadow around video*/ | |
.video-container { | |
box-shadow: none; | |
} | |
/*removes shadow around course text area*/ | |
.course-text{ | |
box-shadow: none; | |
} | |
/* MISC STYLING | |
----------------------------------------*/ | |
/*body background color*/ | |
main#panel-wpca { | |
background: #ffffff; | |
} | |
/*HTML OVERFLOW BACKGROUND COLOR*/ | |
body.wpca-single-course { | |
background: #121212 !important; | |
} | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment