How can I change my theme header colors using CSS?

Store Design
1

Hello,

I am trying to figure out how to change colors in my theme header through CSS. I cannot do it from the Theme Customization section as the only color profile there is connected to other areas of theme i.e. The header color theme is connected to body text colors so if i change header text color to blue, the text in body of site also goes blue - I only want to change the text colors in the header.

I hope this makes sense. I will respond with site access details if someone can assist please

1 Like
2

Hi @tirn

Please share your store URL and if your store is password protected then please provide password too. And what color do you want? You can send the color name or color code you want.

So that we can help you.

Thank you.

3

@tirn

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

4

Hello,

Here is my site url: http://eboardnation.com/

Password: tirn2022

I also have a second issue on the header.

The arrangement of menus has no control to alter positions. Menus are currently in this order: Essentials; Quick Info; Electric Longboards; Collections. I would like them in this order instead: Electric Longboards; Collections; Essentials; Quick Info

Hopefully you can assist in both issues. TIA

5

Hello,

Here is my site url: http://eboardnation.com/

Password: tirn2022

I also have a second issue on the header.

The arrangement of menus has no control to alter positions. Menus are currently in this order: Essentials; Quick Info; Electric Longboards; Collections. I would like them in this order instead: Electric Longboards; Collections; Essentials; Quick Info

6

I just want all text and icons on header area to be white on the black background. And all text on the site body to be black/gray on white backgrounds