menu-button
1 2 3 4 5 |
.main-navigation:not(.toggled) ul li.menu-button a { border-width: 1px; border-style: solid; line-height: 40px; } |
https://www.w3schools.com/cssref/pr_border-style.asp
menu-button
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 |
/* online classes menu button */ .main-navigation:not(.slideout-navigation) .main-nav li.online-button a { background-color: rgba(178,139,178,1.0); color: #ffffff; border: 0; line-height: 40px; padding: 0px 24px; border-radius: 50px; margin-left: 20px; transition: all 0.5s ease 0s; } .main-navigation:not(.slideout-navigation) .main-nav li.online-button a:hover { background-color: rgba(178,139,178,0.8); color: #ffffff; transition: all 0.5s ease 0s; } /* studio classes menu button */ .main-navigation:not(.slideout-navigation) .main-nav li.studio-button a { background-color: rgba(132,140,183,1.0); color: #ffffff; border: 0; line-height: 40px; padding: 0px 24px; border-radius: 50px; margin-left: 30px; transition: all 0.5s ease 0s; } .main-navigation:not(.slideout-navigation) .main-nav li.studio-button a:hover { background-color: rgba(132,140,183,0.8); color: #ffffff; transition: all 0.5s ease 0s; } |