CSS | MyListing Dashboard Menu Bar Design

MyListing Dashboard Menu Bar Design

//// INSTRUCTIONS: 
//// Copy and paste any of the code snippets below into Theme Tools > Theme Options > Custom Code > CSS.

---------------------------CODE SNIPPET IS BELOW THIS LINE---------------------------------------------------------

/* DASHBOARD MENU BAR */
.woocommerce-MyAccount-navigation ul li.current-menu-item a i {
  color: #65bdaa !important;
}
.woocommerce-MyAccount-navigation ul li a {
  color: #ffffffcf;
  letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 400;
	transition: .3s ease;
}
.woocommerce-MyAccount-navigation ul li a:hover {
	color: #fff;
	font-weight: 600;
	transition: .2s;
}
.woocommerce-MyAccount-navigation ul li a:hover i {
  color: #65bdaa !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation>ul>li>a>i {
  color: #ffffff66;
}


/* HIDE THE DEFAULT MYLISTING HEADER TO BRING THE NEW MENU BAR ALL WAY TO THE TOP OF THE PAGE */
.c27-main-header  {
  display: none;
}
.c27-top-content-margin {
  height: 0px;
}