Social proof
Logo wall with a caption
A quiet strip of six logo slots under a single line of context.
When to use it
A logo strip earns its space only when the logos are recognisable, so treat the six slots as a maximum rather than a target. The slots here are bordered boxes with text inside instead of images, which means the section imports complete and you replace each box with an Image widget as the real assets arrive — rather than importing six empty placeholders on day one and forgetting which is which.
What it converts to
Converted with the Native components mode. The component list below is what this template produces — not a generic example.
- Container × 1 — the section
- Text Editor × 1 — the caption line
- Container (grid, 6 columns) × 1
- Container × 6 — one per logo slot
- Text Editor × 6 — the slot labels
Things worth knowing
- Replace each slot with an Image widget once you have permission to show the logo. Showing a client logo without permission is a real risk, not a formality.
- Six columns become three below 900px and two below 560px, so the strip never squashes logos to an unreadable width.
- Keep the slots the same height. Mixed logo heights are the usual reason a converted logo row looks untidy, and it is a padding fix, not a conversion problem.
The HTML
This is the complete source. Copy it, or send it straight to the converter and adjust the options before exporting.
Show the HTML source
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Logo wall with a caption</title>
<style>
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#fff;color:#14233a}
.wrap{max-width:1100px;margin:0 auto;padding:58px 22px}
.caption{text-align:center;margin:0 0 28px;color:#7c8ba0;font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}
.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.slot{height:66px;border:1px solid #e6ebf2;border-radius:10px;display:grid;place-items:center;color:#9aa8ba;font-size:12.5px;background:#fafbfd}
@media(max-width:900px){.grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.grid{grid-template-columns:repeat(2,1fr)}}
</style>
</head>
<body>
<section class="wrap">
<p class="caption">Used by teams building with Elementor</p>
<div class="grid">
<div class="slot">Logo slot</div>
<div class="slot">Logo slot</div>
<div class="slot">Logo slot</div>
<div class="slot">Logo slot</div>
<div class="slot">Logo slot</div>
<div class="slot">Logo slot</div>
</div>
</section>
</body>
</html>