How To Change Header Button Color

Hi, i would like to change the header button color since it redundant with my banner image color. Can you assist me?

This is my site thank you in advance


You can change the header button colors with this Custom CSS:

.header-button.left-button {
    background-color: red !important;
    border-color: red !important;

.header-button.right-button {
    border-top: 2px solid red !important;
    border-bottom: 2px solid red !important;
    color: red !important;

.header-button.right-button::before, .header-button.right-button::after {
    background-color: red !important;

Please add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also use this plugin to add the CSS to it: so you will not loose the changes on theme updates.

Please let me know how it works.

Best Regards,