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.

Important Note

Each pattern consists of several blocks. Only adjust the content and color block settings. The structural settings (padding and margins) are pre-configured for responsiveness. Modifying structural settings may break the pattern.

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