Skip to main content

​
What this section does

The Press section displays logos in a horizontal row or slider, perfect for showcasing media coverage, brand partnerships, certifications, or client portfolios. Features include:
  • Up to 6 logo blocks with images and optional testimonials
  • Two display modes: Static grid or testimonial slider
  • Optional control arrows for slider navigation (when testimonials enabled)
  • Custom logo width per logo (120-400px)
  • Heading above logos
  • Narrow container default (Page or Fullwidth options)
Perfect for social proof (press mentions), B2B trust indicators (clients, partners), certifications, awards, or “As Featured In” sections.
Press Section

​
Getting started

1

Add the section

From the Theme Customizer, click Add section and select Press
2

Add logo blocks

Click Add Logo block. Each block creates one logo. Add 3-6 logos (maximum 6 blocks).
3

Upload logo images

For each block, upload logo image. Optionally set custom width (120-400px) per logo.
4

Optional: Enable testimonials

Check “Enable testimonials” to activate slider mode. Add testimonial text to each logo block for rotation.

​
Section settings

Checkbox (default: unchecked)Activates testimonial slider mode:
  • Unchecked: Logos display in static horizontal row (default)
  • Checked: Logos become slider with testimonial text rotation
Info: “Show testimonial for each selected logo”When enabled, section displays one logo at a time with its testimonial text. Control arrows navigate between logos.
Checkbox (default: unchecked)Shows previous/next navigation arrows for slider:
  • Only functional when “Enable testimonials” is checked
  • Allows manual navigation between testimonials
Info: “For control arrows to appear, the ‘Enable testimonials’ setting must be active.”Without arrows, slider auto-advances or requires swipe/drag navigation.
Text field (default: “Express your brand”)Section heading above logos:
  • Centered above logo row or slider
Examples: “As Featured In”, “Trusted By”, “Our Partners”, “Certified By”, “Awards & Recognition”Change default text to match your context. “Express your brand” is a generic preset.
Desktop (default: Compact) and Mobile (default: Compact)Vertical spacing above and below section:
  • Default: Standard spacing
  • Medium: Moderate spacing
  • Compact: Minimal spacing (default)
Compact default works well for trust indicator sections that sit between larger content sections.
Dropdown (default: Narrow)Container width:
  • Page: Standard page width
  • Narrow: Medium width (default, optimal for logo rows)
  • Fullwidth: Edge-to-edge
Narrow (default) creates focused, centered logo display. Fullwidth can make logos feel too spread out unless you have many.
Type: logo (maximum: 6 blocks) Each block creates one logo with optional testimonial text.
Image picker (required)Logo image file:
  • Use PNG with transparent background for flexibility
  • Upload logos at 2x resolution for retina displays (e.g., if display width is 200px, upload 400px wide)
  • Aspect ratio preserved—upload original logo dimensions
Standard logo dimensions: 240-480px wide (actual logo artwork, not canvas) at 2x resolution.
Checkbox (default: unchecked)Enables manual width control for this logo:
  • Unchecked: Logo uses automatic sizing based on section layout
  • Checked: Unlocks “Image width” slider below
Use when specific logo needs different sizing (e.g., wordmark logo needs more width than icon logo).
Range: 120-400px (step: 10px, default: 240px)Controls logo display width (desktop/tablet only):
  • Only active when “Set custom image width” is checked
  • Info: “Affects only tablet and desktop. On mobile width is tied to the container.”
Adjust per logo for visual balance. Text-heavy horizontal logos may need 300-400px, while square icon logos work at 120-200px.
Textarea (optional)Testimonial text displayed with this logo in slider mode:
  • Only shown when section setting “Enable testimonials” is checked
  • Info: “Shown, if the section testimonials are enabled.”
Use for press quotes, partner testimonials, or award descriptions.Examples:
  • Press: “Best Product of 2024” — TechCrunch
  • Partner: “Working with [Brand] transformed our business.” — Partner CEO
  • Award: “Winner - Innovation Excellence Award 2024”

​
Best practices

3-6 logos optimal

Maximum is 6 blocks. Use 3-6 for balanced display. Fewer than 3 looks sparse, especially in narrow container.

Transparent PNG logos

Upload PNG files with transparent backgrounds. Adapts to any background color and looks professional.

Consistent visual weight

Balance logo sizes for visual harmony. Adjust custom widths so all logos feel similar in prominence/weight.

Grayscale for unity

Convert color logos to grayscale or single tone. Creates unified, professional look regardless of brand color variety.

Recognizable brands first

Order logos left-to-right by recognition/prestige. Most recognizable or prestigious logos leftmost (viewed first).

Static for simple trust

Use default static display (testimonials disabled) for simple “As Featured In” or partnership rows. Cleaner, faster scanning.

Testimonials for detail

Enable testimonials when you have meaningful quotes or want to highlight specific press coverage details.

Narrow width default

Keep default Narrow width. Logos centering creates focused trust indicator. Fullwidth spreads logos too thin visually.

​
Common use cases

Press mentions / “As Featured In” — Media outlet logos (TechCrunch, Forbes, Wired, etc.) with optional testimonials showing quotes or headlines Client/customer logos — B2B brands showcasing enterprise clients or partners (static display, no testimonials) Certifications & awards — Certification body logos (organic, fair trade, B Corp) or award badges with optional descriptions Partner brands — Retail partners, distribution partners, or brand collaborations (e.g., “Available At…”) Social proof indicators — Trust badges (Better Business Bureau, secure payment, etc.) for credibility Investor/backing logos — Startups showcasing venture capital or investment partners

​
Layout behavior

Static mode (testimonials disabled):
  • All logos display in horizontal row
  • Evenly spaced, centered in container
  • Logo count determines individual logo width
  • Responsive: On mobile, logos stack or wrap to multiple rows
Testimonial slider mode (testimonials enabled):
  • One logo + testimonial visible at a time
  • Logo centered above testimonial text
  • Auto-advancing slider (timing varies by theme)
  • Manual navigation: Control arrows (if enabled) or swipe/drag
  • Dots/pagination indicators showing slide count
Desktop (static):
  • Logos in horizontal row, centered
  • Each logo respects custom width or auto-sizing
  • Ample spacing between logos
Mobile (static):
  • Logos stack vertically or wrap to 2 columns depending on count
  • Custom width settings ignored—logos size to fit mobile container
  • Maintains aspect ratios

​
Logo guidelines

File format:
  • PNG with transparency (strongly recommended)
  • SVG accepted by some themes (check upload)
  • Avoid JPG—white backgrounds look unprofessional on colored page backgrounds
Dimensions:
  • Upload at 2x resolution for retina displays
    • Display width 240px → upload 480px wide
    • Display width 200px → upload 400px wide
  • Maintain original logo aspect ratio (don’t stretch/squish)
  • Crop excess whitespace around logo artwork
Color treatment:
  • Monochrome recommended: Convert color logos to black, white, or gray
  • Grayscale creates visual unity across diverse brand colors
  • Some themes offer CSS filters to enforce monochrome styling
Optimization:
  • Compress PNGs (TinyPNG, ImageOptim)
  • Target < 50KB per logo for fast loading
  • Transparency allows smaller file sizes vs. full backgrounds

​
Testimonial content guidelines

When to use testimonials:
  • You have actual quotes from press, partners, or customers
  • You want to add context beyond just logo recognition
  • You have 3-6 meaningful quotes (matches logo count)
Testimonial text best practices:
  • Short quotes: 1-3 sentences, 20-50 words
  • Attribution: Include source/speaker name at end (”— TechCrunch” or ”— Jane Doe, CEO”)
  • Specific praise: Avoid generic quotes—use specific claims
  • Consistent formatting: Same structure across all testimonials
Examples:
  • Press: ""Best ecommerce platform we’ve tested.” — The Verge”
  • Award: “Winner, Best Innovation in Retail Technology 2024 — RetailWeek Awards”
  • Partner: “Our sales increased 200% after partnering with [Brand].” — Partner Company CEO”
  • Customer (B2B): “Reduced operational costs by 40% within 6 months.” — Enterprise Client CTO”

​
Customization tips

For press mentions (homepage):
  • Static display (testimonials off)
  • 4-6 recognizable media logos
  • Heading: “As Featured In”, “Press & Media”
  • Grayscale logos for professional look
  • Narrow width (default)
For client showcase (B2B):
  • Static display
  • 5-6 client logos
  • Heading: “Trusted By”, “Our Clients”, “Partners”
  • Custom widths to balance diverse logo types
  • Page or Narrow width
For awards/certifications:
  • Testimonials enabled (show award details)
  • 3-4 certification/award logos
  • Heading: “Certified & Awarded”, “Recognized For Excellence”
  • Testimonial: Award name, year, category
  • Control arrows on for manual browsing
For investor/backing (startups):
  • Static display
  • 3-5 investor/VC logos
  • Heading: “Backed By”, “Supported By”
  • Equal-weighted sizing
  • Narrow width

​
Slider behavior (testimonials enabled)

Auto-advance:
  • Slides automatically change every 5-8 seconds (theme-dependent)
  • Smooth transitions between logo/testimonial pairs
  • Loops continuously (after last slide, returns to first)
Manual navigation:
  • Control arrows: Previous/next buttons (if enabled)
  • Swipe/drag: Touch or mouse drag on mobile/desktop
  • Pagination dots: Click specific dot to jump to that slide
Pause on interaction:
  • Many themes pause auto-advance on hover (desktop) or tap (mobile)
  • Resumes auto-advance after interaction ends
Accessibility:
  • Keyboard navigation support (arrow keys)
  • Screen reader announcements for slide changes
  • Descriptive alt text on logos
  • Testimonials — Dedicated customer review section with star ratings
  • Marquees — Scrolling text/logo banners for continuous display
  • Multi Column Text — Alternative for text-based trust indicators without logos
  • Content Tiles — Grid-based layouts for more complex partner showcases

​
Technical notes

6-block maximum: Hard limit of 6 logos per section. If you need more, add multiple Press sections or use alternative approaches (Marquees for continuous scroll). Static vs. slider: “Enable testimonials” completely changes section behavior. Static = all logos visible. Slider = one at a time with rotation. Custom width desktop-only: Mobile widths are responsive-based, ignoring custom width settings. Logos auto-size to fit mobile container (typically 60-80% of screen width). Testimonial requirement: If testimonials enabled but testimonial text field is empty, logo still appears but without accompanying text—may look odd. Ensure all blocks have testimonial text when slider is active. Grayscale filter: Some themes include CSS filters to force grayscale. Check theme settings—manual grayscale logo uploads ensure consistent results across all themes. Logo linking: This section doesn’t include URL fields for logos. Logos are non-clickable. For clickable logo grids, consider Content Tiles or Featured Collections Links sections. Slider indicators: Pagination dots or other indicators appear when testimonials enabled. Number of dots = number of logo blocks. Performance: 6 logos at ~50KB each = ~300KB total. Optimize images for fast loading, especially above-the-fold placements.