Media

Logo Grid

A grid, boxed grid, carousel or marquee of client / partner logos.

Live demo

See it in action

NorthwindAcmeGlobexInitechUmbrellaSoylent

The markup

Clean, lean code

This is the exact HTML the element outputs, straight from the page builder. No wrapper soup, no inline-style bloat.

<section class="fw-flexbox fw-flex fw-contained fw-collapse">
	<div class="logo-grid lg-9d50b676 fw-lg fw-lg--design-grid design-grid fw-lg--grayscale" style="--lg-cols:4;--lg-h:48px;--lg-gap:var(--gap-4, 1.5rem);">
		<div class="fw-lg__grid">
			<span class="fw-lg__item"><img class="fw-lg__img" src="https://demos.unysonplus.com/wp-content/uploads/2026/06/demo-ec3b9cc58157.png" alt="Acme" loading="lazy" decoding="async" /></span>
			<span class="fw-lg__item"><img class="fw-lg__img" src="https://demos.unysonplus.com/wp-content/uploads/2026/06/demo-759568b1a449.png" alt="Globex" loading="lazy" decoding="async" /></span>
		</div>
	</div>
</section>

To learn more about the Logo Grid shortcode, please check out the online manual here.