Add Border around one specific header item

Solved
Alexander_Waino
Tourist
2 0 0

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)

Accepted Solutions
dmwwebartisan
Shopify Partner
9731 2227 3057

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 | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Replies 2 (2)
dmwwebartisan
Shopify Partner
9731 2227 3057

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 | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Alexander_Waino
Tourist
2 0 0

Bildschirmfoto 2021-10-18 um 16.43.17.jpg

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

@dmwwebartisan