Add Border around one specific header item

Solved
Alexander_Waino
Tourist
13 0 1

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;

}

Accepted Solution (1)
dmwwebartisan
Shopify Partner
12215 2537 3659

This is an 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;
}

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Replies 2 (2)
dmwwebartisan
Shopify Partner
12215 2537 3659

This is an 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;
}

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
Alexander_Waino
Tourist
13 0 1

Bildschirmfoto 2021-10-18 um 16.43.17.jpg

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

@dmwwebartisan