Would like to change announcement bar in Sahara theme…on home page it is red but on product page it’s black…I can’t change it in Shopify…when I pick different options it still is red.
Topic summary
A user is experiencing inconsistent announcement bar colors in the Sahara theme—red on the homepage, black on product pages—and cannot change it through Shopify’s standard settings.
Initial confusion: Multiple respondents initially saw the announcement bar as black on both pages when checking the provided store URL (deepcellulitetreatment.com), though screenshots confirmed the color discrepancy exists.
User’s goal: Make both announcement bars black across all pages.
Solutions provided:
- suyash1 suggested adding CSS to custom.css:
html .template--index .bar.js-announcement-bar{background-color: #000 !important;}
- LizHoang recommended adding CSS to base.css:
.bar.js-announcement-bar.text-colors-inverse.background-colors-secondary {
background: #000 !important;
}
Both solutions involve custom CSS code to override the theme’s default styling. The thread remains open with no confirmation whether either solution resolved the issue.
Hello, @deep_wrinkle
Please share “Store URL”
Thanks!
@deep_wrinkle can you please share your website link?
not sure why it’s redirecting there..that’s the product page.
@deep_wrinkle - do you want both black or both red?
both black…one of them is black already
@deep_wrinkle - add this css to the very end of your custom.css file and check
html .template--index .bar.js-announcement-bar{background-color: #000 !important;}
