Service 3

The Service V3 widget allows you to display professional-looking service boxes with icons, titles, descriptions, and a button—great for showcasing services with clean, minimal styling.

🚀 How to Enable the Service V3 Widget

To start using the Image Widget, follow these steps:

1. Navigate to your WordPress dashboard.
2. Go to Topper Pack → Widgets.
3. Locate the Service V3 widget from the list.
4. Toggle the switch to “On” to enable it.
5. The widget is now available in the Elementor editor.

🔹 Widget Location

• Elementor Panel > Search “Service V3”
• Drag the widget labeled TP – Service V3 into your layout.

🛠️ Content Tab

1. Choose Style

• Multiple predefined layout styles are available.
• Hover to preview and click to apply.

2. Services

• Button Styles: Select from multiple styles (e.g., Style One, Style Two).
• Icon Anim: Choose an animation like Bounce, Pulse, etc.
• Title HTML Tag: Select the tag (H1, H2, H3, etc.) for your title.

3. Add Service Items

Click “Add Item” to insert a new service block.

For each item:

✅ Enable Icon

• Toggle ON to show an icon.
• Choose from icon libraries.

🖼️ Icon

• Select icon for the service item.

✏️ Title

• Enter the service title.

📄 Description

• Add a brief description of the service.
• Supports rich formatting (Visual/Code/Text).

🔘 Enable Button

• Toggle ON to show the call-to-action button.

Button Settings:

• Button Text: Customize button label (e.g., “Learn More”, “View All”).
• Show Icon: Optional – enable if button needs an icon.
• Link: Insert the URL the button should link to.

🎨 Style Tab

1. Box Style

Customize box appearance:

• Icon Alignment: Left, Right, Top, Center.
• Reverse: Flip the order of icon/content.
• Background Type: Color, Gradient, or Image.
• Border Type: None, Solid, Dotted, etc.
• Border Radius: Round the box corners.
• Box Shadow: Add shadow effects.
• Margin & Padding: Spacing control.

2. Icon

• Control icon size, color, spacing, and hover effects.

3. Content

• Adjust typography, alignment, color, and spacing for title & description.

4. Button

• Full customization: font, color, background, border, shadow, padding, and hover styles.