Styling

Author: 22anirudhk

_sass/custom/course_overrides.scss

@@ -107,31 +107,42 @@
   margin-left: 0.5rem;
 }
 
-.aux-nav .site-button {
+.aux-nav .site-button,
+.aux-nav .site-button:visited {
   height: auto;
   padding: 0.35rem 0.6rem;
   border-radius: 4px;
-  background-color: #1f4ba5;
-  color: #fff;
+  background-color: #1f4ba5 !important;
+  color: #fff !important;
   line-height: 1.2;
   text-decoration: none;
   transition: background-color 0.15s ease, color 0.15s ease;
+  background-image: none;
 }
 
 .aux-nav .site-button:hover,
-.aux-nav .site-button:focus {
-  background-color: #193b85;
-  color: #f2f5ff;
+.aux-nav .site-button:focus,
+.aux-nav .site-button:active {
+  background-color: #193b85 !important;
+  color: #f2f5ff !important;
   text-decoration: none;
+  background-image: none;
+  box-shadow: none;
+  filter: none;
 }
 
-.aux-nav .site-button[href*="edstem.org"] {
-  background-color: #6d28d9;
-  color: #fff;
+.aux-nav .site-button[href*="edstem.org"],
+.aux-nav .site-button[href*="edstem.org"]:visited {
+  background-color: #6d28d9 !important;
+  color: #fff !important;
 }
 
 .aux-nav .site-button[href*="edstem.org"]:hover,
-.aux-nav .site-button[href*="edstem.org"]:focus {
-  background-color: #5b21b6;
-  color: #f5e9ff;
+.aux-nav .site-button[href*="edstem.org"]:focus,
+.aux-nav .site-button[href*="edstem.org"]:active {
+  background-color: #5b21b6 !important;
+  color: #f5e9ff !important;
+  background-image: none;
+  box-shadow: none;
+  filter: none;
 }