Service 2

Estimated reading: 2 minutes 20 views

The Service V2 widget allows you to showcase services using images, icons, descriptions, and call-to-action buttons with visually attractive layouts. It’s perfect for highlighting business offerings in a stylish and user-friendly way.

🚀 How to Enable the Service v2 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 2 widget from the list.
  4. Toggle the switch to “On” to enable it.
  5. The widget is now available in the Elementor editor.

🔧 How to Use the Service V2 Widget

1. Add the Widget

  • Search for “Service V2” in the Elementor widget panel.
  • Drag and drop the widget onto your desired section.

2. Choose Style

  • Navigate to the Content → Service Styles section.
  • Select from the pre-designed layout styles. Each style features different image placements and icon overlays.

3. Service Content Settings

Inside the Service Content panel:

  • Enable Icon: Toggle on/off to show an icon over the image.
  • Icon Upload: Choose a custom icon (e.g., star, gear, arrow).
  • Choose Image: Upload the main service image (displayed prominently).
  • Title: Add your service title (e.g., “Regulatory Compliance Assistance”).
  • Enable Description: Toggle ON to show text below the title.
  • Description: Use the rich text editor to describe the service.
  • Enable Button One/Two: Optionally display up to two buttons with:
    • Icon: Add a button icon.
    • URL: Enter the button link.

🎨 Style Tab Settings

🔲 Box Style

  • Normal / Hover Tabs: Set different styles for hover effects.
  • Alignment: Choose left, center, or right.
  • Height: Manually set the box height if needed.
  • Border Radius: Round the box corners.
  • Box Shadow: Add visual depth with shadows.
  • Padding / Margin: Adjust spacing inside and outside the box.

🖋 Content Style

  • Customize the title, description, and button typography and spacing.

⭐ Icon Style Option

  • Adjust the icon size, color, background, and positioning.

🔘 Icon Button Style

  • Fully customize the buttons (text color, background, border, padding, hover effects).

Leave A Comment

All fields marked with an asterisk (*) are required