How can I change the header text color on my website?

[Guido57]

Hi,

I need help for change the color of the text in the header, cause the backgroung is blue and with black text it does not read well. I try to change color in themes but it change the color in all site. I need to change only in the header text and icons in white.

Can someone help me, please?

there is a screen here!

[ZestardTech]

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

[Guido57]

www.dicesareottica.it

password: skeoff

[infoatcodelab7]

@Guido57

Please share your site URL,

I will check out the issue and provide you a solution here.

[Guido57]

www.dicesareottica.it

pasword: skeoff

[GemPages]

Hello @Guido57

It’s GemPages support team and glad to support you today.

I would like to give you a solution to support you.

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid theme file.

3. Paste the below code before :

Result:

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

[WebDeskSolution]

Hello @Guido57

Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->base.css

.header nav > ul.list-menu > li > a, .header nav > ul.list-menu > li > span {
   color: #fff;
}
.header nav > ul.list-menu > li > a, .header nav > ul.list-menu > li summary span {
   color: #fff;
}
.header nav > ul.list-menu > li summary svg path {
   fill: #fff;
}
.header__icons > a > svg > path, .header__icons > .header__search {
   stroke: #fff;
}

Output:

If you find our reply helpful, please hit Like and Mark it as a Solution.

An award-winning North American Shopify Development Agency That Delivers Powerful Results, Innovation, and Secure Digital Transformation.

[infoatcodelab7]

@Guido57

Step 1: Go to online Store

Step: 2 Find base.css file

Step: 3 paste below code bottom of the file

.header-wrapper *{
 color: #FFFFFF !important;
}

[Guido57]

thank u, it works.