Only Change Header Text Color (On All Pages)

Store Design
1

My header Text color is currently white, but I would like to make it #8E282A. At the Same Time I would like to keep the announcement bar text color white. So, how do I only change the text color in the header?

Screenshot (28).png
Screenshot (28).png1906×862 106 KB

1 Like
2

Hello There,

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

1 Like
3

Hi @ZestardTech , Thanks for replying.

My website url is https://thesnoozy.com/

My password is: 123

1 Like
4

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >base.css and paste this at the bottom of the file:
.header__menu-item span{
color: #8E282A
}

Screenshot :- https://prnt.sc/7b28KbHclPU6

1 Like
5

Thanks! It Worked!

Could you also give me the code to make the cart and search icon red too? (it’s all the way to the right in the header section.

1 Like
6

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >base.css and paste this at the bottom of the file:
details-modal.header__search summary {
color: #8E282A;
}
a#cart-icon-bubble {
color: #8E282A;
}

Screenshot :- https://prnt.sc/FoFkIPv_N2nY

1 Like
7

Thank you so much! If you have time I would like ask you 2 more questions:

  1. If you go on the website, you can’t see that the social media icons at the bottom (they’re also white) . I would like to have them red and at the right where it says ‘Follow Us’. Like this:

InkedScreenshot (29).jpg
InkedScreenshot (29).jpg1910×938 100 KB

  1. I would Like to change the button text color to red on this one:

InkedScreenshot (30).jpg
InkedScreenshot (30).jpg1908×915 107 KB

Edit: Also if I hover over the links in the footer they become white, I would like them to stay red be underlined just like when you hover over the links in the header section