Parallax Image Callout Block

Attributes & Benefits

The Parallax Image Callout Block for WordPress Gutenberg transforms your website into a captivating visual experience. Perfect for highlighting key messages, promoting calls-to-action, or drawing attention to important information, this block features a dynamic parallax scrolling effect that enhances visual intrigue. With a full-bleed image that spans the entire width of the screen, it creates an immersive experience that allows the image to move at a different rate than the rest of the page.

For maximum impact, you can stack H2 and H3 headings to create a clear, structured layout that enhances readability. The block also offers an optional customizable button, making it easy to direct users to important links. Designed with responsiveness in mind, the image automatically crops to the center and reduces in size on mobile devices, ensuring a polished look across all platforms. Additionally, customizable color settings for text and background allow you to match your branding effortlessly. Elevate your call-to-action with the visually striking Parallax Image Callout Block!

Heading Appears Here

Subheading Appears Here

Features

  • Full Bleed Image

    The image extends across the entire width of the screen, creating an immersive visual experience.

  • Parallax Scrolling

    Add dynamic movement to your page with parallax scrolling, where the image moves at a different pace than the content, providing depth and visual interest.

  • Dual Headings

    Stack H2 and H3 headings for maximum impact, offering a bold, structured layout that enhances the readability and visual flow of your content.

  • Optional Button

    Include a customizable Call-to-Action button to engage your audience and encourage interaction.

  • Responsive Design

    The image is automatically cropped to the center and reduced on mobile devices. The callout card displays at 70% width on desktop and 100% on mobile for optimal presentation across all screen sizes.

  • Customizable Color Settings

    Adjust the text and background colors to match your branding, providing a cohesive look that enhances your overall design.