Info Card Widget

Customizable Info Card for Elegant Content Layouts

The Info Card widget in UAE Lite lets you create beautifully designed content blocks that combine text, icons, and buttons in a sleek card layout. Whether you’re highlighting features, showcasing services, or displaying key messages, the Info Card widget helps you present content in a visually appealing and structured format.

How to Use the Info Card Widget

Step 1: Add the Widget

1. Open the Elementor editor on your page.
2. Search for the “Info Card” widget in the UAE Lite panel.
3. Drag and drop the widget into your desired section.

Step 2: Customize Content

Under the Content tab, you’ll find the following sections:

General

• Title: Enter a heading for your info card.
• Description: Add supporting text or details.
• Overall Alignment: Choose how the content aligns within the card – Left, Center, or Right.

Icon

• Icon/SVG: Select an icon from the library or upload your own SVG to visually represent the content.

Call To Action

• Type: Choose between None, Text, or Button based on how you want the call to action to appear.
• Button Text & Link: Add a call-to-action button with your custom label and a URL to redirect users.
• Size: Select from Extra Small, Small, Medium, Large, or Extra Large to control the button dimensions.
• Colors & Styling:
  • Text Color
  • Background Color
  • Border Type
  • Rounded Corners
  • Padding

Step 3: Style Your Card

Switch to the Style tab to personalize the appearance of your Info Card:

Typography

• Modify fonts, sizes, and colors for the title, description and call-to-action text.

Margin

• Add margin to the the title, description and call-to-action text.

Step 4: Responsive Settings

Ensure your Info Card looks perfect on all devices:

• Use Elementor’s responsive settings to adjust padding, alignment, and font sizes for mobile and tablet views.

Use Cases

• Highlight services or features on your homepage.
• Showcase team members or testimonials.
• Create promotional content blocks with call-to-action buttons.

Tips

• Use consistent icon styles and color schemes to maintain design harmony.
• Combine Info Cards in a multi-column layout to present multiple features or services side-by-side.

Need Help?

If you need assistance using the Info Card widget, feel free to reach out to our Support Team or browse through other UAE Documentation.