Archived topic
Button color for "agency" theme
3 replies · Started by Tuan on June 7, 2020
Viewing posts 1–4 of 4
How do I change the color of this button in this screenshot? I tried changing it in the customizer but not working, not sure if it's the right settings
https://imgur.com/Kj1ELVg
Hi there,
go to Customizer > Additional CSS:
/* navigation contact button */
.main-navigation:not(.slideout-navigation) .main-nav li.nav-button a {
color: #ffffff;
background-color: #8eb2a6;
line-height: 44px;
/* button height */
padding: 0px 22px;
/* space inside button */
margin-top: 4px;
/* adjust to horizontally align with other menu items */
border-radius: 40px;
margin-left: 22px;
/* space to the left of button */
transition: all 0.4s ease 0s;
}
.main-navigation:not(.slideout-navigation) .main-nav li.nav-button a:hover {
background-color: rgba(142, 178, 166, 0.9);
color: #ffffff;
transition: all 0.4s ease 0s;
}Change the 2 background-color properties.
Thankyou for your answer. I know we can do custom CSS, but why isn't the settings for it working?
Because it is NOT a button - it is a menu item that uses this CSS to make it look like a button.
This archived topic is closed to new replies.
