Banner Block

Attributes & Benefits

The Banner Block for WordPress Gutenberg offers a dynamic alternative to traditional website banners. This full-bleed block is designed to create high-impact visuals that capture attention and set the tone for your website. Easily customize your banner with optional eyebrow text, a headline, a subheading, and call-to-action buttons, all designed to stand out against a video or image background. A gradient overlay enhances readability by making your text pop, while flexible styling options for text, background, and overlay colors ensures this banner will seamlessly match your brand. Fully responsive, the Banner Block guarantees your content looks polished and professional on any device, making it perfect for bold introductions.

Features

  • Full-Bleed Design

    Spans the entire width of the screen for a bold and immersive.

  • Optional Text settings

    Add eyebrow text, a headline, and a subheading for clear, structured messaging.

  • Customizable Background

    Choose between an image or video to create the perfect visual backdrop.

  • Gradient Overlay

    Includes gradient settings to enhance readability, with adjustable gradient opacity and size.

  • Color settings

    Customize text, background, and gradient colors to align with your branding.

  • Height settings

    Adjust the banner height to fit your content and design needs.

  • Button settings

    Choose from primary, alternative, or light button styles to match website design.

  • Responsive Design

    Ensures the banner looks polished and professional on any device.