DSWP Horizontal Card

Overview

This pattern creates a responsive horizontal card layout with an image and content side by side. It features a box shadow hover effect, making it ideal for interactive content sections like featured items, services, or blog post previews.

Pattern Components

1. Featured Image
   • Light gray background
   • Square image container (1:1 aspect ratio)
2. Heading
   • Card title (H5)
3. Description
   • Body text
4. Link
   • Call-to-action

Interactive Features

Box shadow on hover

Common Tasks

Modifying the Image:

1. Select the image block
2. Click "Replace"
3. Upload or choose a new image
4. Image will automatically fit within the square container

Modifying the Heading:

1. Click to edit the H5 heading

Modifying the Paragraph:

1. Click to edit the paragraph text

Updating Link:

1. Select the link text
2. Update URL and text as needed

Block Documentation

For detailed instructions on modifying specific blocks, refer to WordPress's official documentation:

• Columns Block
• Image Block
• Heading Block
• Paragraph Block