SA Element Registry
Catalog
Admin
+ Add
Edit element
sa-results-ticker
Name (slug)
Version
Category
Heroes & Top-of-Page
Social Proof
Differentiators
Content Blocks
Sidebar
CTA / Footer
Office Anchoring
Status
Live
Beta
Deprecated
Description
Full-width navy 'stock ticker' that scrolls verdicts and settlements (largest first) with the case type centered under each amount. Slow continuous loop, pauses on hover. Approved by Sam 2026-06-15.
When to use
Bottom of a hero block on pages/posts to add social proof. Pull amounts live from results data in production; the embedded list is a static fallback (30 of 198 results).
Source skill
Rules (one per line, leading dash optional)
Full-width: place edge-to-edge at the BOTTOM of a hero block. Order largest to smallest; biggest verdict leads. Amounts are verified from /about-us/our-results/ - never invent results. Scoped CSS only (.sa-results-ticker root); keyframes namespaced sa-rt-scroll. Speed = single 420s value in .sa-results-ticker__track animation. Pauses on hover; respects prefers-reduced-motion. Navy #0B212D bg, white results, orange #D97706 dot separators.
Live reference URL
Deployment notes
Paste at bottom of hero. Production should bind to live results feed (WP REST / results data) and keep descending sort. Speed adjustable via the 420s animation duration.
HTML
<div class="sa-results-ticker" aria-label="Case results: verdicts and settlements"><div class="sa-results-ticker__track"><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$14,000,000</span><span class="sa-results-ticker__type">Insurance Dispute</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$12,000,000</span><span class="sa-results-ticker__type">Wrongful Death</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$6,800,000</span><span class="sa-results-ticker__type">Motorcycle Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$6,250,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$6,100,000</span><span class="sa-results-ticker__type">Box Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$6,025,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$6,000,000</span><span class="sa-results-ticker__type">Premises Liability</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$6,000,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$5,600,000</span><span class="sa-results-ticker__type">Wrongful Death</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$5,200,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$4,535,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$4,100,000</span><span class="sa-results-ticker__type">Car Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$4,100,000</span><span class="sa-results-ticker__type">Commercial Vehicle</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$4,000,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$3,600,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$3,300,000</span><span class="sa-results-ticker__type">Insurance Dispute</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$3,000,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$3,000,000</span><span class="sa-results-ticker__type">School Supervision</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$2,500,000</span><span class="sa-results-ticker__type">Car Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$2,500,000</span><span class="sa-results-ticker__type">Commercial Vehicle</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$2,200,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$2,000,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$1,895,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$1,800,000</span><span class="sa-results-ticker__type">Underinsured Motorist</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$1,800,000</span><span class="sa-results-ticker__type">Wrongful Death</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$1,750,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$1,625,000</span><span class="sa-results-ticker__type">Commercial Vehicle</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$1,600,000</span><span class="sa-results-ticker__type">Car Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$14,000,000</span><span class="sa-results-ticker__type">Insurance Dispute</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$12,000,000</span><span class="sa-results-ticker__type">Wrongful Death</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$6,800,000</span><span class="sa-results-ticker__type">Motorcycle Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$6,250,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$6,100,000</span><span class="sa-results-ticker__type">Box Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$6,025,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$6,000,000</span><span class="sa-results-ticker__type">Premises Liability</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$6,000,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$5,600,000</span><span class="sa-results-ticker__type">Wrongful Death</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$5,200,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$4,535,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$4,100,000</span><span class="sa-results-ticker__type">Car Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$4,100,000</span><span class="sa-results-ticker__type">Commercial Vehicle</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$4,000,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$3,600,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$3,300,000</span><span class="sa-results-ticker__type">Insurance Dispute</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$3,000,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$3,000,000</span><span class="sa-results-ticker__type">School Supervision</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$2,500,000</span><span class="sa-results-ticker__type">Car Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$2,500,000</span><span class="sa-results-ticker__type">Commercial Vehicle</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$2,200,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$2,000,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$1,895,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$1,800,000</span><span class="sa-results-ticker__type">Underinsured Motorist</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$1,800,000</span><span class="sa-results-ticker__type">Wrongful Death</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$1,750,000</span><span class="sa-results-ticker__type">Truck Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$1,625,000</span><span class="sa-results-ticker__type">Commercial Vehicle</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span><div class="sa-results-ticker__item"><span class="sa-results-ticker__amt">$1,600,000</span><span class="sa-results-ticker__type">Car Accident</span></div><span class="sa-results-ticker__sep" aria-hidden="true"></span></div></div>
CSS
.sa-results-ticker{background:#0B212D;overflow:hidden;width:100%} .sa-results-ticker__track{display:flex;align-items:center;width:max-content;animation:sa-rt-scroll 420s linear infinite} .sa-results-ticker:hover .sa-results-ticker__track{animation-play-state:paused} @keyframes sa-rt-scroll{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}} @media (prefers-reduced-motion:reduce){.sa-results-ticker__track{animation:none;overflow-x:auto}} .sa-results-ticker__item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;flex:0 0 auto;padding:18px 34px;font-family:'Poppins',system-ui,sans-serif} .sa-results-ticker__amt{font-weight:700;font-size:23px;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.01em;line-height:1} .sa-results-ticker__type{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#fff;line-height:1} .sa-results-ticker__sep{flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:#D97706}
Save changes
Cancel