I’m using the craft theme and trying to change the header color on the front page of my website using the Craft theme. I’d like to change it from black to white. The problem is that when I try going to Customize > Theme Settings > Colors > Text and change the color there, it changes all my headers to white. I only want the text over the banner to be changed. I’m guessing I will have to edit the code, but I’m not sure where to start. Thank you!
1 Like
This is Lucas from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file → Save
h2.banner__heading.inline-richtext.h0 {
color: white !important;
}
Hope that my solution works for you.
Best regards,
Lucas| PageFly
1 Like
Hi @elliemichelle ,
We can help you to change the text on the specific section, but would you mind to share your URL website with password? Thanks!
Hi @elliemichelle ,
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file header.liquid
Step 3: Paste the below code in the style tag of the file → Save
{% if template == ‘index’ %}
.header-wrapper{
background-color: #fff !important;
}
{% endif %}
If it works for you, don’t forget to like it and Mark it as Solution
I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.
1st you need to replace this code from your theme.liquid file:
replace it toThen you can paste this CSS on your bottom of the base.css file:
.template-index .header-wrapper {background: #fff !important;}
Regards,
San