How to Create a Unique Portfolio Section in Elementor?

Updated onApril 9, 2026By

Key Takeaways

  • The Plus Addons for Elementor Animated Service Boxes widget allows users to create portfolio sections that change images on text hover.
  • Users can choose between two styles for the Animated Service Boxes: one with the image on the right and text on the left, and another with the image as a container background.
  • The widget requires installation and activation of The Plus Addons for Elementor to access its features.
Table Of Content

Do you want to create a unique portfolio section in Elementor to showcase your portfolio images? A portfolio is important for those in creative industries such as graphic design, photography, or web development. A portfolio section allows you to showcase your work and skills to potential clients or employers.

With the Animated Service Boxes widget from The Plus Addons for Elementor, you can create unique portfolio sections that will change the image as you hover over the text.

To check the complete feature overview documentation of The Plus Addons for Elementor Animated Service Boxes widget, click here.

Requirement  – This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.

LIVE WIDGET LINK

To do this, add the Animated Service Boxes widget to a page and follow the steps –

1. Select Portfolio from the Main Style dropdown.

2. Then select the appropriate style from the Style section. Here you’ll find two styles.

  • Style 1 – With this style, the image will be on the right and the text on the left column.
  • Style 2 – With this style, the image will be used as the container background with overlaying text.

You can select the image size from the Image Resolution dropdown.

3. In the Animated Service Boxes section, you have to add the content for the portfolio section. By default, you’ll find three items, open one item.

4. You have to add a title in the Title field. 

5. Then in the Featured Image section, you have to add your portfolio image.

In the Button Link field, you can add a link to the title.

Following this process you can edit the other items.

You can click on the +Add Item button to add more portfolio items.

Then from the Layout tab, you can manage the vertical and horizontal alignment of the text content, you can also manage the portfolio section height as well.

In the Title On Click Text tab, you can add an additional text for the title for tablet and mobile devices where users can click to visit the link set in the Button Link field.

Note: This additional text is given for the button link because, on mobile and tablet users have to click the title to change the image.

Now your portfolio images will change as you hover over the text. 

Read Further: How to Create an Expandable Service Box in Elementor?

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
LinkedIn X GitHub YouTube Website
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What if my portfolio images aren't changing on hover?

If your portfolio images don't change on hover, ensure that you have correctly added the Animated Service Boxes widget from The Plus Addons for Elementor. This widget is designed to change the image when you hover over the text. Also, verify that you have added the portfolio images in the Featured Image section for each item, as this is essential for the hover effect to work.

Can I use the Animated Service Boxes widget for other types of content?

The Animated Service Boxes widget from The Plus Addons for Elementor is primarily designed for showcasing portfolio items. It's ideal for creative professionals like graphic designers and photographers. While you can repurpose it for other content types, the intended use is to highlight portfolio images effectively, leveraging the hover effect to engage viewers.

What settings work best for showcasing portfolio items?

For showcasing portfolio items, using Style 1 is recommended if you want the image on the right and text on the left. Alternatively, Style 2 can be effective if you prefer the image as a background with overlaying text. Adjust the image size from the Image Resolution dropdown to ensure clarity and impact for your portfolio display.

Are there any limitations when using the Animated Service Boxes widget?

One limitation of the Animated Service Boxes widget is that it requires The Plus Addons for Elementor to be installed and activated. Without this plugin, you won't be able to access the widget's features. Additionally, the widget is specifically designed for Elementor, so it won't work with other page builders like Gutenberg or Divi.

How can I add more portfolio items using the widget?

To add more portfolio items using the Animated Service Boxes widget, click on the +Add Item button within the widget settings. This allows you to create additional entries for your portfolio. Make sure to fill in the Title and Featured Image fields for each new item to fully utilize the widget's capabilities.

What happens if I skip adding the Title On Click Text for mobile devices?

If you skip adding the Title On Click Text for mobile devices, users may not have a clear indication of how to interact with the portfolio items. This additional text is important because, on mobile and tablet devices, users need to click the title to change the image. Without it, the experience may be less intuitive.

Last reviewed: April 9, 2026

Related Docs