Custom Header Text Color Change

Solved
MysteryJerseyKi
Excursionist
28 1 13

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.

 

0 Likes
JHKCreate
Shopify Partner
2282 379 509

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! 

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
MysteryJerseyKi
Excursionist
28 1 13

Hi @JHKCreate 

 

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

0 Likes
JHKCreate
Shopify Partner
2282 379 509

This is an 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!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com