Add Border around one specific header item

[Alexander_Waino]

Hi Community,

how can I add a border around my header item "Jetzt bestellen" to make it more standout? Or have a colored box as background? And also maybe change the font color just for this item?

The store name is:

I tried already this CODE in assets / theme.css, did not work.

.site-header a.nav-button {

    border: 1px solid;

    background-color: #a12b2b;

}

[dmwwebartisan · Accepted solution]

@Alexander_Waino 

Please add the following code at the bottom of your assets/custom.css file. 

.nav-button {
    border: 1px solid !important;
    background-color: #a12b2b !important;
}

[Alexander_Waino]

Awesome thanks so much! Works now! But needs a little bit of design optimization 

@dmwwebartisan