How do I change the button color?? Site - Heemfit.com
Topic summary
Main issue: Change the hero (banner) button color in the Shopify Dawn theme.
Proposed solutions:
- Edit assets/base.css via Online Store → Theme → Edit code, then add a CSS rule targeting .banner__media .banner__content .banner__buttons .button and set background-color to the desired value, using !important to override defaults.
- Alternative approach: Edit section-image-banner.css and add a rule for a.button.button–primary to set the background-color (also with !important). The color value can be customized (e.g., named color or hex code).
Notes:
- Two replies recommended the same base.css method with a sample color (#dff1df). Another suggested the section-image-banner.css method with a sample color (aqua).
- A screenshot of the hero section was provided but is not essential to apply the fixes.
Status: No confirmation from the original poster; solutions provided, outcome unconfirmed.
1 Like
hello @heemfit
please Go to Online Store->Theme->Edit code then go to assets/base.css ->paste below code at the bottom of the file.
.banner__media .banner__content .banner__buttons .button {
background-color: #dff1df !important;
}
please Go to Online Store->Theme->Edit code then go to assets/base.css ->paste below code at the bottom of the file.
.banner__media .banner__content .banner__buttons .button {
background-color: #dff1df !important;
}
Thanks!
hii, @heemfit
Paste this code on top of the section-image-banner.css file.
a.button.button--primary {
background-color: aqua !important;
}
You can change the color name as you want.
Thank you.