Archived topic
change color studio-button and online-button vinyasa
3 replies · Started by Miguel on March 11, 2022
Viewing posts 1–4 of 4
dear, how can I change the background color of the color study-button and online-button buttons (CSS class in primary menu) in vinyasa
Hi there,
Go to Additional CSS field in the customizer and edit this CSS:
.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;
}Let me know if this helps :)
it works thank you!!!
No problem :)
This archived topic is closed to new replies.
