Solved

Change color on the top of the header

sondrehille
Tourist
9 0 1

Hello, 

 

Can someone help me to change the color on the TOP of the header (where the social icons are)? See attached screenshot. 

https://anne-margrethe-art.myshopify.com/ 

Skjermbilde 2024-03-12 kl. 20.54.46.png

 

The Code I have here today is as follow. I still want the icons to be on the left side, but in white color: 

 

header#SiteHeader {
box-shadow: 0 0 1px #af9d70 !important;
}
.toolbar__content {
justify-content: flex-start !important;
}
.toolbar__item path {
color: #af9d70 !important;
}

Accepted Solution (1)

Made4uo-Ribe
Shopify Partner
5527 1329 1638

This is an accepted solution.

Hi @sondrehille 

I just like to clarify, youy like to change the color background of the header top, and make the icons color white? Like this?

Made4uoRibe_0-1710274142014.png

This is the code.

 

.toolbar.small--hide {
    background: #af9d70;
}
.toolbar__item path {
    color: white !important;
}

 

And Save. 

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


View solution in original post

Replies 2 (2)

Made4uo-Ribe
Shopify Partner
5527 1329 1638

This is an accepted solution.

Hi @sondrehille 

I just like to clarify, youy like to change the color background of the header top, and make the icons color white? Like this?

Made4uoRibe_0-1710274142014.png

This is the code.

 

.toolbar.small--hide {
    background: #af9d70;
}
.toolbar__item path {
    color: white !important;
}

 

And Save. 

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


sondrehille
Tourist
9 0 1

Wow - thank you so much! It worked 🙂