The Portfolio Slider allows you to showcase portfolio items in a visually engaging and interactive slider format. You can customize various aspects such as layout, content, navigation, effects, and styling to enhance its appearance and functionality.
Specify the number of items to show in the portfolio listing.
Data
Order By
Set the order of portfolio using options like date, ID, author, title, modified, random, comment count or menu order.
Sort By
Sort portfolio in descending or ascending order.
Meta Type
Define the meta type as category or tags for organizing content.
Categories / Tags
Add categories and tags based on the selected content type.
Offset
Set the offset value to skip a specific number of portfolio from the beginning.
Content Settings
Image Size
Select the size for the images, such as original or any thumbnail version.
Enable Image Stretch
Mark “Yes” to display image stretch.
Enable Title
Mark “Yes” to display the title.
Enable Subtitle
Mark “Yes” to display the subtitle.
Enable Link
Mark “Yes” to display the link.
Enable Overlay
Mark “Yes” to display the overlay effect.
Icon
Icon
You can choose from a variety of icons from icon libraries or upload SVG icon.
Slider Settings
Slides Per View
Define the number of slides visible at the same time. Decimals can be used for partial views.
Items Spacing
Define the item spacing for the portfolio slider widget.
Enable Autoplay
Enable the carousel to cycle through slides automatically.
Autoplay Delay
Set the delay of autoplay, in milliseconds.
Enable Pause on Hover
Pause autoplay when the cursor hovers over a slide.
Enable Infinite Loop
Keep the slideshow running continuously without stopping. If loop mode will not function properly then add more slides (or make duplicates) or lower the values of slides per view.
Enable Mousewheel
Mark “Yes” to display a slider mousewheel.
Effect
Choose a slide transition effect from the dropdown menu.
Effect Speed
Adjust the speed of the slide transition effect.
RTL
Choose the content direction (left-to-right or right-to-left).
Enable Allow Touch Move
Select “Yes” to allow users to swipe through slides via touch.
Enable Magic Cursor
Choose “Yes” or “No” to enable a custom animated cursor effect.
Navigation
Enable Navigation
Mark “Yes” to display the slides navigation.
Previous Arrow
You can choose from a variety of icons from icon libraries or upload SVG icon.
Next Arrow
You can choose from a variety of icons from icon libraries or upload SVG icon.
Vertical Alignment
Adjust the vertical alignment of the arrows.
Shape Style
Select the shape style of the navigation from square or round.
Pagination
Enable Pagination
Mark “Yes” to display the slides pagination.
Pagination Type
Choose the visual style of the pagination.
Dots Style
Choose the visual style of the pagination dots.
Number Style
Choose the visual style of the pagination number.
Orientation
Set the orientation of the pagination in the widget as horizontal or vertical.
Horizontal Alignment
Set the horizontal alignment of the pagination in the widget as left, center, or right.
Style Tab
General
Alignment
Set the alignment of the content in the widget as left, center, or right.
Padding
Set the padding inside the portfolio slider container.
Content
Background Type
Choose between classic or gradient background types for the content in both “Normal” and “Hover” states.
Box Shadow
Set the box shadow effect for the content.
Padding
Set the padding inside the content.
Title
Typography
Adjust the font settings for the title.
Color
Select the color for the title in both “Normal” and “Hover” states.
Subtitle
Typography
Adjust the font settings for the subtitle.
Color
Select the color for the subtitle.
Overlay
Background Type
Choose between classic or gradient background types for the overlay.
Opacity
Adjust the opacity of the portfolio slider overlay.
Icon
Color
Select the color for the icon.
Background Type
Choose between classic or gradient background types for the icon.
Icon Size
Set the size of the icon.
Shape Size
Set the shape size of the icon.
Icon Position
Set the position for the icon.
Navigation
Position
Choose the position of the navigation, either inside or outside.
Navigation Spacer
Adjust the spacing between navigation elements to ensure proper alignment and visual balance.
Shape Size
Set the shape size of the navigation button.
Icon Size
Set the size of the navigation icon.
Box Shadow
Apply a shadow effect to the navigation button.
Border Style
Select the type of border such as solid, dotted, dashed, etc.
Border Width
Define the border width for the navigation.
Border Color
Choose a border color for the navigation.
Icon Color
Select the color of the navigation icon in both “Normal” and “Hover” states.
Background Type
Choose between classic or gradient background types for the navigation icon in both “Normal” and “Hover”states.
Border Color
Choose a border color that will be applied to the navigation button when “Hover” over.
Opacity
Adjust the opacity of the navigation button when in the “Hover” state.
Pagination
Position
Choose the position of the pagination, either inside or outside.
Pagination Spacer
Adjust the spacing around the pagination to ensure proper alignment and visual balance.
Vertical Spacer
Set the vertical spacer for the pagination.
Space Between Pagination
Define the space between for the pagination.
Border Style
Choose the border style for the pagination.
Border Width
Define the border width for the pagination.
Border Color
Choose a border color for the pagination.
Size
Set the size of the dot pagination in both “Normal” and “Active”states.
Color
Choose a color for the dot pagination in both “Normal” and “Active”states.
Border Width
Define the border width for the pagination when “Active” over.
Border Color
Choose a border color for the pagination when “Active” over.
Font Size
Adjust the font settings for the number pagination.
Shape Size
Set the shape size of the number pagination in both “Normal” and “Active” states.
Text Color
Choose a text color for number pagination in both “Normal” and “Active” states.
Track Color
Choose a track color for the number pagination when “Active” over.
