My mistake in !important spelling. Please correct code to this
#HeaderMenu-outlet { color: red !important; font-weight: 700 !important; }
Topic summary
Change a specific collection link’s color in Dawn v12’s navigation. A CSS solution was provided: add a rule targeting the menu item’s ID selector to base.css via Online store > Themes > Edit code > Assets, using the !important flag to override theme styles.
Initial issue: the color changed to bold but not red due to a misspelling of !important; correcting it made the color apply. A screenshot was shared to illustrate the desired “OUTLET” in red.
Adjustments: One user had to target a different selector (e.g., #HeaderDrawer-sale) after inspecting their site, and it was confirmed that the code must reference the correct menu element ID.
Open problem: The color change works on desktop but not on the mobile menu for some users, likely because mobile uses different selectors; no specific mobile selector fix was provided yet.
Additional request: Autoplay loop video as the first product image (including on the homepage) was asked with an example link; no guidance or solution was given.
Status: Desktop menu color change resolved (with correct selector and !important). Mobile menu color and video autoplay remain unresolved/ongoing.