How Do I Put a Button in Header?

[zwagner]

I have a “contact us” link in the header of my site (x theme integrity stack) that I want to appear as a red button (matching the other buttons on my home page.
How do I do this?

[ruenel]

Hello Zachary,

Thanks for writing in!

Do you want something like this?

If that is the case, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-navbar .desktop .x-nav > .menu-item-514 > a:hover, 
.x-navbar .desktop .x-nav > .menu-item-514 > a, 
.x-navbar .desktop .x-nav > .menu-item-514.current-menu-item > a {
    box-shadow: none;
    height: 40px;
    margin-top: 25px;
    padding-top: 15px;
    color: #fff;
    border: none;
    background-color: red;
    margin-bottom: 0.25em;
    text-shadow: none;
    box-shadow: none;
    border-radius: 0.25em;
}

We would love to know if this has worked for you. Thank you.

[zwagner]

Worked perfectly. Thanks very much!

[ruenel]

You are most welcome!