All things Shopify and commerce
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
Using Dawn Theme and would like to change the text color that appears only on the homepage with the hero image. I have the template section.
Try a custom css setting
https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css
So a link tag <a>, a button , or a paragraph etc
a , button, p {
color:red;
}
though it could just as easily be heading tags
h2,h3,h4,h5,h6 {
color:red;
}
You might need to inspect the theme to figure out the specific elements are that your trying to target.
To find what the elements are you can either in chrome browser press ctrl+shift+c to open devtools element inspector , or find a browser extension/plugin that helps identify elements on a page for use with CSS.
Contact paull.newton+shopifyforum@gmail.com for the solutions you need
Save time & money ,Ask Questions The Smart Way
Problem Solved? ✔Accept and Like solutions to help future merchants
Answers powered by coffee Thank Paul with a ☕ Coffee for more answers or donate to eff.org
Thanks that has led me to look into custom CSS rather than alter the theme.css.
To be clear, I am looking to alter the font color on just the heading on the homepage of dawn theme. I think it is listed as
<h2 class="banner__heading h0" >
<div class="banner__text body" >
the CSS selectors for those are
h2.banner__heading and div.banner__text
Contact paull.newton+shopifyforum@gmail.com for the solutions you need
Save time & money ,Ask Questions The Smart Way
Problem Solved? ✔Accept and Like solutions to help future merchants
Answers powered by coffee Thank Paul with a ☕ Coffee for more answers or donate to eff.org