Change color of specific buttons in header

Store Design
1

I want to change the color of the buttons: account and search, in the header.

my url is: https://aestheticblendd.com/?key=90284ffe10e9e1ff95d2610fd761dd184547af3d20fb2b874bfe64477ca4088a

1 Like
2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.scss.css and paste this at the bottom of the file:
@media screen and (min-width: 1140px){
.Header .Link--secondary:hover, .Header .Text--subdued, Make headings in mega menu white, grey buttons currency and account .HorizontalList__Item .Header .Link--primary {
color: #24f90b!important;
}
}
3

@MST65912

Find Asset >theme.scss.css and paste this at the bottom of the file.

@media screen and (min-width: 1140px){
.Header .Link--secondary:hover, .Header .Text--subdued, Make headings in mega menu white, grey buttons currency and account .HorizontalList__Item .Header .Link--primary {
color: #24f90b!important;
}
}

Thanks!

4

The issue is I can change the color to grey if I want to through the theme, but I want the headings in the mega menu to be white, but that color scheme is connected to the buttons. I got a code earlier that made the headings white, but only changed the currency button to grey.

the code was:

Make headings in mega menu white, grey buttons currency and account
.HorizontalList__Item .Header .Link–primary, .Header .Link–secondary:hover, .Header .Text–subdued {
color: #fff!important;
}
button.SelectButton.Link.Link–primary.u-h8 {
color: #7C7C7C;
}

As you can see on the website the headings the mega menu is white, but only the currency selector button is grey. I want to make “account” and “search” grey without changing the color of the headings in the mega menu.

5

Please try this code

@media screen and (min-width: 1140px){
.Header .Link--secondary:hover, .Header .Text--subdued, Make headings in mega menu white, grey buttons currency and account .HorizontalList__Item .Header .Link--primary {
color: #7C7C7C!important;
}
}
6

Didnt work that either so I changed the color in the theme to white, so now the headings are white, How can i change the color of the elements “NOK KR”, “ACCOUNT” and "SEARCH?