> ## Documentation Index
> Fetch the complete documentation index at: https://docs.digifist.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Press

> Showcase media mentions, partner logos, certifications, or client brands with optional testimonial slider for credibility and social proof

## 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.

<Frame>
  <img src="https://mintcdn.com/digifist/rt7p8s4J0fkb5eG2/images/theme/mojave/sections/press-overview.png?fit=max&auto=format&n=rt7p8s4J0fkb5eG2&q=85&s=4e520ddcee3b08db618148be5ef951ae" alt="Press Section" width="3280" height="2186" data-path="images/theme/mojave/sections/press-overview.png" />
</Frame>

## Getting started

<Steps>
  <Step title="Add the section">
    From the Theme Customizer, click **Add section** and select **Press**
  </Step>

  <Step title="Add logo blocks">
    Click **Add Logo** block. Each block creates one logo. Add 3-6 logos (maximum 6 blocks).
  </Step>

  <Step title="Upload logo images">
    For each block, upload logo image. Optionally set custom width (120-400px) per logo.
  </Step>

  <Step title="Optional: Enable testimonials">
    Check "Enable testimonials" to activate slider mode. Add testimonial text to each logo block for rotation.
  </Step>
</Steps>

## Section settings

<AccordionGroup>
  <Accordion title="Enable testimonials" icon="quote-left">
    **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.
  </Accordion>

  <Accordion title="Enable control arrows" icon="arrows-left-right">
    **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.
  </Accordion>

  <Accordion title="Heading" icon="heading">
    **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.
  </Accordion>

  <Accordion title="Spacing - Desktop & Mobile" icon="arrows-up-down">
    **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.
  </Accordion>

  <Accordion title="Section width" icon="maximize">
    **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.
  </Accordion>
</AccordionGroup>

## Block: Logo

**Type**: logo (maximum: 6 blocks)

Each block creates one logo with optional testimonial text.

<AccordionGroup>
  <Accordion title="Image" icon="image">
    **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.
  </Accordion>

  <Accordion title="Set custom image width" icon="ruler">
    **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).
  </Accordion>

  <Accordion title="Image width" icon="arrows-left-right">
    **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.
  </Accordion>

  <Accordion title="Testimonial" icon="comment">
    **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"
  </Accordion>
</AccordionGroup>

## Best practices

<CardGroup cols={2}>
  <Card title="3-6 logos optimal" icon="hashtag">
    Maximum is 6 blocks. Use 3-6 for balanced display. Fewer than 3 looks sparse, especially in narrow container.
  </Card>

  <Card title="Transparent PNG logos" icon="image">
    Upload PNG files with transparent backgrounds. Adapts to any background color and looks professional.
  </Card>

  <Card title="Consistent visual weight" icon="scale-balanced">
    Balance logo sizes for visual harmony. Adjust custom widths so all logos feel similar in prominence/weight.
  </Card>

  <Card title="Grayscale for unity" icon="palette">
    Convert color logos to grayscale or single tone. Creates unified, professional look regardless of brand color variety.
  </Card>

  <Card title="Recognizable brands first" icon="star">
    Order logos left-to-right by recognition/prestige. Most recognizable or prestigious logos leftmost (viewed first).
  </Card>

  <Card title="Static for simple trust" icon="grid">
    Use default static display (testimonials disabled) for simple "As Featured In" or partnership rows. Cleaner, faster scanning.
  </Card>

  <Card title="Testimonials for detail" icon="quote-right">
    Enable testimonials when you have meaningful quotes or want to highlight specific press coverage details.
  </Card>

  <Card title="Narrow width default" icon="align-center">
    Keep default Narrow width. Logos centering creates focused trust indicator. Fullwidth spreads logos too thin visually.
  </Card>
</CardGroup>

## 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

## Related sections

* **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.