Shopify themes, liquid, logos, and UX
Hi there,
I am trying to change the text and icon color in the header to #712124
The background color is white, and I only want the text and icons to change to that color.
Can anyone provide the CSS code for that?
Thanks.
Solved! Go to the solution
This is an accepted solution.
Hey @LubbaWintzer
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag.
<style>
.header__menu-item span, .header__icon span, .header__icon .icon {
color: #712124 !important;
fill: #712124 !important;
}
</style>
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
This is an accepted solution.
Thanks for url can you try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.
.header__menu-item span, .header__icon span, .header__icon .icon {
color: #712124 !important;
fill: #712124 !important;
}
please confirm this look!
Hey @LubbaWintzer
Kindly share your Store URL and Password if enabled
I sent you a private message. Thank you!
Hey @LubbaWintzer
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag.
<style>
sticky-header.header-wrapper.color-background-1.gradient.header-wrapper--border-bottom {
background: #712124;
}
</style>
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hi Moeed - thanks for providing this. Unfortunately, that changes the background on my header to that color - I only wanted to change the text and the icons to that color and keep the background white. Thank you.
This is an accepted solution.
Hey @LubbaWintzer
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag.
<style>
.header__menu-item span, .header__icon span, .header__icon .icon {
color: #712124 !important;
fill: #712124 !important;
}
</style>
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!😊
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
Hi there - I have send you a private message.
This is an accepted solution.
Thanks for url can you try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.
.header__menu-item span, .header__icon span, .header__icon .icon {
color: #712124 !important;
fill: #712124 !important;
}
please confirm this look!
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024