Hello Everyone,
I would like to change color for Home page(ONLY) header and footer to black. I am using Trademark theme.
How can I change the header and footer color only? Also, change the text of header and footer to white.
And my store url is: https://ctoms.ca/
Really appreciate if someone can help me. Thanks in advance.
Anna
Solved! Go to the solution
@BMurtagh @Anna_Wang1 @Hussainaliarif
This is how to do it. Just change the #cccccc to any HEX color code you want:
1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:
<style>
.template-index #shopify-section-header,
.template-index #shopify-section-header > *,
.template-index #shopify-section-footer,
.template-index #shopify-section-footer > *{
background: #cccccc !important;
}
</style>
<style>
.template-index #shopify-section-header,
.template-index #shopify-section-header > *,
.template-index #shopify-section-footer,
.template-index #shopify-section-footer > *{
background: #cccccc !important;
}
.template-index #shopify-section-header,
.template-index #shopify-section-header *,
.template-index #shopify-section-footer,
.template-index #shopify-section-footer *{
color: #ffffff !important;
}
</style>
Try this code @BMurtagh
"color" is for the text color
"background" is for the background color
Nope, it is on purpose @BMurtagh
As OP requested, he wanted the changes to apply exclusively to the home page.
I would like to change color for Home page(ONLY) header and footer to black.
User | Count |
---|---|
23 | |
19 | |
18 | |
17 | |
16 |