Custom Header Text Color Change

[MysteryJerseyKi]

Hello,

Shopify installed a custom header text at the top of my page which is current "FAQ" etc. https://mysteryjerseyking.com/ As you can see it is currently black and needs changing to white, they reccomended i change this line to the hex code, I have tried and i can't quite figure it out!

}
.custom-header-text p {
color: {{ settings.color_text }};
}

I have tried this;

}
.custom-header-text p {
color:#ffffff;
}

But it does not work.

[JHKCreate]

Hello @MysteryJerseyKi ,

Add this instead and it should work:

#shopify-section-header > div:nth-child(3) > header > div > div.grid__item.medium-up--one-half.small--hide.custom-header-text > p > a {
    font-weight: bold;
    color: white;
}

Do let know if this works! 

[MysteryJerseyKi]

Hi @JHKCreate 

Where exactly do i put this? Will it change to white?

[JHKCreate · Accepted solution]

In your theme.css file at the very end. 

And yes it will turn to white and bold, similar to the menu below it, let me know if that works out!