Go to athemes.com

ProUsing the Service Box Widget

See this widget in action here.

Would you like to showcase your services or features with a polished, professional layout? The Service Box widget in aThemes Addons Pro for Elementor lets you display services with icons, images, titles, descriptions, and call-to-action buttons.

In this guide, we’ll walk you through how to use the Service Box widget in aThemes Addons for Elementor.

Table of Contents
  1. Activating the Widget
  2. Exploring Widget Options

Activating the Widget

Go to your WordPress admin dashboard and navigate to the aThemes Addons dashboard. Search for Service Box and toggle the switch to activate the widget.

Service Box widget in the Elementor editor

Exploring Widget Options

Configuring the Content Section

The Content section controls the main elements of the Service Box:

  • Skin – Choose from predefined designs to change the overall layout of the service box.
  • Icon Type – Select how to represent your service visually: use an icon, an image, or no visual element.
  • Icons – Pick an icon from the icon library when using the icon type.
  • Images – Upload or select an image when using the image type.
  • Title – Enter the service title and select the HTML tag (H1 through H6, div, span, or paragraph).
  • Description – Add a description of the service or feature.
  • Button – Add a call-to-action button with custom text and link.

Customizing Style Options

The Style tab gives you full control over the visual appearance of every element in the Service Box:

  • Box Style – Adjust padding, alignment, background color, border, and hover effects for the entire box.
  • Icon Style – Set the icon size, color, background, hover color, and border radius.
  • Image Style – Control the image size, spacing, border, and hover effects.
  • Title Style – Customize typography, color, and text shadow for the title.
  • Description Style – Adjust the description color, typography, and text shadow.
  • Button Style – Configure button colors, typography, and hover animations.
Service Box widget style options in Elementor

That’s it! You’ve successfully set up and customized the Service Box widget to showcase your services using aThemes Addons Pro for Elementor.

Next, would you like to display taxonomy terms on your pages? Check out our guide on Using the Taxonomy Terms Widget to learn more.

image_print