Importance: Medium. Status: DONE (no pending action required).

Session Overview

Sam asked to "add the dark overlay of the image in the hero" on /locations/lexington/ and asked why it was removed. Investigation showed it was never removed from page content — it was present but intentionally light in the center, which read as "no overlay" over a bright daytime photo. Goal resolved to: make the existing overlay visibly darker.

Why It Looked Removed (the real answer)

Page = WP ID 6911, a hand-coded landing page in a wp:html block (not the Kadence template), using the sa-split-results-hero component. The overlay div and CSS were present in every one of today's revisions and in the live DOM (verified via headless computed styles). Desktop gradient was linear-gradient(90deg, rgba(11,33,45,.78) 0%, rgba(11,33,45,.35) 60%, rgba(0,0,0,.62) 100%). The center stop at 0.35 alpha is intentionally airy (matches sa-split-results-hero skill rule 12, "background image visible by design"). Over the bright lexington-downtown-street photo at 0.9 opacity, the middle band shows the photo clearly, so it looks like little/no darkening. Nothing was deleted. WP Rocket + Remove Unused CSS (usedcss) are active but were not the cause — the overlay survived in both inline style and used-CSS block.

What Was Done

Strengthened the overlay on page 6911 via the WP REST API (Craig Aguiar app password). CSS-only, deployed to the live published page:

Navy #0B212D brand tone kept; photo still visible (max alpha 0.88). Deploy HTTP 200; REST update triggers WP Rocket per-post purge.

QA (passed)

Fresh headless render, cache-busted URL: desktop 1280px computed overlay = new gradient, bg opacity 0.85, image loaded, no horizontal scroll. Mobile 390px computed overlay = new mobile gradient, no horizontal scroll. Live origin HTML confirmed new values; old 0.78 gone.

Rollback

Full WP revision history exists. Pre-change content backed up in session outputs (backup_page6911_raw_*.html). To revert: restore revision 69665 (2026-06-01T13:45) or re-PUT the backup to page 6911. Prior desktop value rgba(11,33,45,.78)/.35/.62, bg opacity 0.9.

Handoff / Next Agent

Fix is live and verified — no follow-up needed unless Sam wants a different darkness. If so, only three values change (desktop center stop, mobile center stop, bg opacity); each is a unique string in the page-6911 raw HTML. Sam was offered lighter / darker / much-darker variants as clickable options at session end; if he picks one, apply the same single-PUT method and re-run desktop+mobile computed-style QA. This hero matches the sa-split-results-hero skill spec, so if the darker look becomes the standard, update skill rule 12's gradient values too so future deployments inherit it.

Notes To Improve Setup