---
slug: "add-a-solid-background-to-hero-cta-buttons-to-improve-legibility"
name: "Add a solid background to hero CTA buttons to improve legibility"
category: "cta"
grade: "tested"
page_types: ["homepage"]
sites_observed: 3
evidence_count: 1
example_ids: []
version: 3
updated_at: "2026-10-15T12:16:05.161Z"
url: "https://liftwire.io/tactics/add-a-solid-background-to-hero-cta-buttons-to-improve-legibility"
---

# Add a solid background to hero CTA buttons to improve legibility

**Evidence grade: Tested.** Outside evidence supports it: a published experiment, or customer sites where verify_change found the change live long enough ago to count as kept.

Observed on 3 corpus sites. Page types: homepage.

## Why it works

When a CTA button sits on top of video or complex imagery without a solid background, the text can be difficult to read. Adding a solid background improves legibility, making the call-to-action clearer and easier to act upon.

## Evidence

- [Win Report: Are you selling what your customers are buying? (+26%) | Conversion Rate Experts](https://conversion-rate-experts.com/diamondback-covers-new-homepage-hero-video-win-report) (experiment, supports)

## Examples

No published examples yet.

## Implement it

The full implementation spec (where on the page, structure, copy patterns, acceptance criteria) is returned by `get_tactic` through the Liftwire MCP server. Setup: https://liftwire.io/mcp