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.
User | RANK |
---|---|
185 | |
149 | |
69 | |
46 | |
35 |
Thanks to all Community members that participated in our inaugural 2 week AMA on the new E...
By Jacqui Mar 10, 2023Upskill and stand out with the new Shopify Foundations Certification program
By SarahF_Shopify Mar 6, 2023One of the key components to running a successful online business is having clear and co...
By Ollie Mar 6, 2023