Shopify themes, liquid, logos, and UX
I want to change colours of the heading and sub-heading on the hero banner. My products make for a very monochrome presentation, see screen grab attached (note this is using placeholder photos, not finished quality). I want to change to our brand signature of orange and warm dark grey for the text.
I have googled a number of solutions but they are all several years old and either I can't find the HTML or their suggestion didn't work. I am used to coding in VBA but a novice with HTML.
Can anyone help please? And would you recommend I ask for the 1-hour Shopify free support for this issue?
Solved! Go to the solution
This is an accepted solution.
Add code Your assets/theme.scss.liquid bottom of the file.
@media screen and (min-width: 769px){
.hero--adapt .hero__title, .hero__slide .hero__title {color: #f37022 !important;}
.hero__slide .hero__subtitle {color: red !important;}
}
Thanks!
Please share your store URL!
Thanks!
Hi
It's https://quads-mask-in-style.myshopify.com/ but not published yet. Viewing PW is glildu
This is an accepted solution.
Add code Your assets/theme.scss.liquid bottom of the file.
@media screen and (min-width: 769px){
.hero--adapt .hero__title, .hero__slide .hero__title {color: #f37022 !important;}
.hero__slide .hero__subtitle {color: red !important;}
}
Thanks!
Thank you so much for this! Initially I made the mistake of adding a further bracket, like I could see on the previous code. It stopped your code working and did other weird things. Very frustrating!
But I tried again this morning, didn't add anything, and Bingo - it works a treat. I've backed up a copy of the theme for safety.
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