The Portfolio Carousel widget for Elementor is the perfect solution for showcasing your projects, portfolios, or creative work in an interactive and visually stunning way. This widget offers an engaging carousel format, allowing you to highlight multiple portfolio items with ease and style. With customizable options for layout, design, and animations, you can create a dynamic display that complements your website’s theme and captivates your audience. Whether you’re a designer, photographer, or business professional, the Portfolio Carousel Widget makes presenting your work seamless and appealing.
Let’s look at each of the options in the Portfolio Carousel widget for Elementor below.
Elementor Portfolio Carousel Video Tutorial
Add a Portfolio Carousel Widget to Elementor
This widget requires Unlimited Elements Pro version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Portfolio Carousel”
- Hover over the widget in the search results and click install
- Add the “Portfolio Carousel” widget to any Elementor Page
Source Settings
The Portfolio Carousel widget supports multi-source functionality, allowing you to populate dynamic, data-driven content from a variety of sources. These include items, posts, meta fields, JSON or CSV files, galleries, terms, users, menus, and even API integrations for ultimate flexibility.
Items
You can use the item repeater field as item source.
WordPress Posts
Display WordPress posts dynamically in portfolio carousel, including custom post types and fields for maximum flexibility.
Meta Field
Use Meta as an item source for your portfolio carousel to dynamically display and manage content from your Meta data.
JSON or CSV
Load your portfolio carousel with data from JSON or CSV files to easily manage and display structured content.
Gallery
You can use the gallery as the source for your items. Simply select multiple photos to create and customize a stunning gallery.
Terms
Use Terms as a source for your portfolio carousel to dynamically display and manage taxonomy terms from your WordPress site.
Users
You can use WordPress Users as an item source for your portfolio carousel to display and manage dynamic content from your site’s user data.
Menu
Use your WordPress Menu as a source for the portfolio carousel to dynamically display and manage menu items in a visually engaging layout.
API Integrations
Integrate an API into your portfolio carousel to dynamically fetch and display data from external systems or services.
General Settings
Number of Items
Set the number of items to display in carousel.
Autoplay
Activate autoplay to let your carousel scroll automatically for a dynamic experience.
Pause Autoplay On Hover
Automatically pause the autoplay when users hover over the carousel
Loop
Enable infinite looping so your carousel seamlessly starts over after the last slide.
Center
Highlight the center slide to draw attention and create a more engaging layout.
Make Content Visible On Active
Show or emphasize specific content only when its corresponding slide is active, ensuring focused visibility.
Stage Padding Type
Adjust the offset effect around the carousel to enhance its layout:
- None: No offset effect applied.
- Both: Equal offset effect on both sides.
- Left: Offset effect applied only on the left.
- Right: Offset effect applied only on the right.
Make 3D
Transform your carousel with a striking 3D effect, adding depth and a modern look to your design.
Margin Between Slides
Adjust the spacing or offset between carousel slides for a cleaner and more customizable layout.
Transition Speed
Customize the speed of carousel transitions to create a smooth, visually engaging, and personalized user experience.
RTL
Enable right-to-left functionality to seamlessly adapt the carousel for languages like Arabic or Hebrew.
Item Image Size
Choose the perfect size for carousel images to optimize quality and layout:
- Full
- Large
- Medium Large
- Medium
- Thumbnail
- 1536x1536
- 2048x2048
Open Links In New Tab
Enable this option to open linked carousel items in a new browser tab, enhancing user convenience.
Layout Settings
Show Title
Show/Hide the title.
Show Subtitle
Show/Hide the subtitle.
Show Button
Show or hide the button on carousel.
Navigation Settings
Show Arrows
Show or hide the navigation arrows.
Show On Hover
Show navigation arrows only on mouse hover.
Left Arrow
Choose icon for left arrow.
Right Arrow
Choose icon for right arrow.
Show Dots
Show or hide the navigation dots.
Connected Widgets Settings
Connected Widgets Settings let you create dynamic, interactive layouts with advanced features. Use remote control widgets for creative layouts or sync item-based widgets together for smooth integration.
Enable Remote Connection
Use remote control widgets to create advanced creative layouts.
Widget Name for Connection
This name will be used to connect and controls this widget by other widgets.
Sync
You can connect two item-based widgets and sync them.
Sync Group
Choose the same group for two or more item-based widgets so they can sync together.
Items Setting
Manage the items of the portfolio carousel using the repeater field.
- Add new items
- Duplicate items
- Delete items
- Reorder Items
- Edit Items
Title
Type text for title.
Subtitle
Type text for subtitle.
Image
Choose an image to display.
Button Text
Type text to show in button.
Link
Type or paste the URL to link with carousel item.
Portfolio Carousel Widget Styling
There are a number of styling options that allow you to control every aspect of the widget’s design. Choose colors that complement the style of your website. You can modify the text, icons, fonts, and layout to make the widget look and work the way you want.
General Styling
Set the height, image height, radius, and item box shadow.
Overlay Styling
Set the text alignment, vertical positioning, overlay color, image, padding, and opacity.
Typography Styling
You can set the title color, subtitle color, title and subtitle typography, and spacing.
Navigation Styling
Here, you can set the navigation arrows spacing, positioning, radius, background, icon size and icon color.
Portfolio Carousel Design Examples For Elementor
Here are some live use cases for the Portfolio Carousel Widget.
Portfolio carousel for WooCommerce website.
Team member portfolio carousel.
We hope this guide has helped you understand the features and customization options of the Portfolio Carousel Widget for Elementor. With its versatile design and user-friendly interface, this widget empowers you to create compelling portfolio displays that truly stand out. If you have any questions or need further assistance, feel free to reach out.
