Hi,
You can go to assets/base.css and do this:
Result:
Make sure to check all pages and sections of your store to see if it affects a bottom border of something that you don’t want to to be affected
Topic summary
Issue: Unable to change the grey separation line between the announcement bar and header in the Dawn Shopify theme via settings; desired color is #30E413.
Solution provided: Edit assets/base.css to modify the header separator’s border color to #30E413. Screenshots indicate the specific rule to adjust. Note: Check all pages/sections afterward to ensure other bottom borders aren’t unintentionally affected.
Outcome: The header separator color change worked as confirmed by the requester.
Follow-up: Request to change the footer separation line color. Guidance: Edit assets/section-footer.css to adjust the footer’s border color; a screenshot shows the rule to target. The helper noted uncertainty about which exact footer line was meant, so the advice is somewhat general.
Status: Header separator issue resolved. Footer separator change suggested; awaiting user confirmation or further clarification. Images/screenshots are central to understanding the exact CSS rules and file locations modified.
1 Like