Archived topic
Can't change the color of the contact button in the header
1 reply · Started by khushal on January 11, 2022
Viewing posts 1–2 of 2
Hi there,
The header has a contact button which I can't change from the customize -> colors -> button. It's green. on changing, it stays the same. See this.
Hi there,
This particular button is styled with custom CSS found on your site's Appearance > Customize > Additional CSS.
It's this line:
/* 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;
} You can change the background value and the color value of this CSS to your preference.
This archived topic is closed to new replies.
