Edit element

sa-as-featured-in

Name (slug) Version

Category Status

Description When to use Source skill Rules (one per line, leading dash optional)

1. Full color. Never grayscale, never monochrome, never tinted: The brand colors of each publication must show through.
2. Placed LOW on the page: Never near the hero, trust bar, or top-of-page social-proof. Maintain at least one section's padding above and below — especially between this strip and the Trust Badges Grid (`sa-trust-badges-grid`).
3. Canonical image URLs only: No Wikipedia thumb URLs (they 403 in headless render). Use the firm-hosted `/wp-content/uploads/2026/02/...` paths shown in the snippet.
4. Logo roster must be true and current: Do not add publications the firm has not actually been featured in. Approved roster as of 2026-05-25:
5. Header is exactly: `As Featured In`. No subtitle. No date stamp.
6. Alt text: uses lowercase descriptive convention per the sitewide image alt-text rule.
7. No hover animations, no parallax, no grayscale-to-color transitions: Logos render full color, static.
8. Mobile centering: applies to the header per the sitewide rule. Logos wrap to multiple rows on mobile via flex.
9. No deprecated colors: in section padding or background. Section background is white or light tint per the page rhythm.

Live reference URL Deployment notes HTML

<section class="sal-asib">
  <div class="sal-asib-inner">
    <p class="sal-asib-heading">As Featured In</p>
    <div class="sal-asib-logos">
      <div class="sal-asib-logo"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/02/New-York-Times-Logo-scaled.webp" alt="The new york times" loading="lazy" width="2560" height="1440"></div>
      <div class="sal-asib-logo"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/02/CNN-Logo-scaled.webp" alt="Cnn" loading="lazy" width="2560" height="1707"></div>
      <div class="sal-asib-logo"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/02/time-magazine-logo.webp" alt="Time magazine" loading="lazy" width="840" height="299"></div>
      <div class="sal-asib-logo"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/02/rolling-stone-logo.webp" alt="Rolling stone" loading="lazy" width="441" height="114"></div>
      <div class="sal-asib-logo"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/02/washington-post-logo.webp" alt="Washington post" loading="lazy" width="504" height="100"></div>
      <div class="sal-asib-logo"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/02/NPR-logo-scaled.webp" alt="Npr" loading="lazy" width="2560" height="1440"></div>
      <div class="sal-asib-logo"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/02/hulu-logo-.webp" alt="Hulu" loading="lazy" width="374" height="135"></div>
    </div>
  </div>
</section>

CSS

/* ============== sa-as-featured-in - press logo strip ============== */
.sal-asib{
  padding:48px 24px;
  background:#fff;
}
.sal-asib-inner{
  max-width:1180px;
  margin:0 auto;
  text-align:center;
}
.sal-asib-heading{
  font-family:Poppins,sans-serif;
  font-weight:700;
  font-size:clamp(18px,2.2vw,22px);
  color:#0B212D;
  text-align:center;
  margin:0 0 28px;
  letter-spacing:1.5px;
  text-transform:uppercase;
}
.sal-asib-logos{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:36px 48px;
}
.sal-asib-logo{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
.sal-asib-logo img{
  max-height:42px;
  max-width:160px;
  width:auto;
  height:auto;
  object-fit:contain;
  /* Full color - never grayscale */
  filter:none;
  opacity:1;
}

@media (max-width:768px){
  .sal-asib{ padding:36px 16px; }
  .sal-asib-logos{ gap:24px 32px; }
  .sal-asib-logo img{ max-height:32px; max-width:120px; }
  .sal-asib-heading{ text-align:center; }
}

Cancel