Info 3d Slider Card Widget Tutorial
Essential Classy Tab from Dashboad -> Widgets then enable Info Card Slider Widget
![](https://ecaddons.com/wp-content/uploads/2023/12/infocardslider-wwp-1024x444.png)
Now Drag and Drop Info Card Slider widget
![](https://ecaddons.com/wp-content/uploads/2023/12/infocardslider-wp.png)
Info Card Slider Repeater
![](https://ecaddons.com/wp-content/uploads/2023/12/infocard-slider.png)
![](https://ecaddons.com/wp-content/uploads/2023/12/infocard-normalimagesize.png)
![](https://ecaddons.com/wp-content/uploads/2023/12/infocard-hoverimagesize.png)
![](https://ecaddons.com/wp-content/uploads/2023/12/infocard-titletag.png)
![](https://ecaddons.com/wp-content/uploads/2023/12/infocard-subtitletag.png)
![](https://ecaddons.com/wp-content/uploads/2023/12/infocard-desc.png)
![](https://ecaddons.com/wp-content/uploads/2023/12/infocard-link.png)
Here, You can manage Width, Height and Alignment
![](https://ecaddons.com/wp-content/uploads/2023/12/infocard-widthalign.png)
Slider Option
![](https://ecaddons.com/wp-content/uploads/2023/08/saslideopt.png)
![](https://ecaddons.com/wp-content/uploads/2023/08/saslideopt1.png)
Slider Direction – Vertical/Horizontal
![](https://ecaddons.com/wp-content/uploads/2023/08/sadirection.png)
Slide to Show and Slide to Scroll Option
![](https://ecaddons.com/wp-content/uploads/2023/08/saslidetoscrollandshow.png)
Slider Gap
![](https://ecaddons.com/wp-content/uploads/2023/08/sagap.png)
Slider Dots
![](https://ecaddons.com/wp-content/uploads/2023/08/sadots.png)
Slider Arrow
![](https://ecaddons.com/wp-content/uploads/2023/08/saarrow.png)
Slider Infinite Mode and Animation
![](https://ecaddons.com/wp-content/uploads/2023/08/sainfiniteandanimation.png)
Slider Adaptive Height
![](https://ecaddons.com/wp-content/uploads/2023/08/saadaptiveheight.png)
Slider Autoplay and It’s Speed
![](https://ecaddons.com/wp-content/uploads/2023/08/saautoplay.png)
Slider Dragable
![](https://ecaddons.com/wp-content/uploads/2023/08/sadragable.png)
Slider Pause on Hover, Center Mode and On Mouse Wheel Scroll option
![](https://ecaddons.com/wp-content/uploads/2023/08/sapohcmmw.png)
Style Tab
![](https://ecaddons.com/wp-content/uploads/2023/12/infocardsliderstyle.png)
Dots Tab
![](https://ecaddons.com/wp-content/uploads/2023/08/sadotstab.png)
Arrow tabs
![](https://ecaddons.com/wp-content/uploads/2023/08/saarrowtab1.png)
![](https://ecaddons.com/wp-content/uploads/2023/08/saarrowtab2.png)
![](https://ecaddons.com/wp-content/uploads/2023/08/saarrowtab3.png)
Center Mode
![](https://ecaddons.com/wp-content/uploads/2023/08/sacentermode.png)
Normal Image Style Tab
In this tab, You can manage Border and It’s Radius. Additionaly, You can manage Filter CSS, Box Shadow and Transition for Normal and Hover.
![](https://ecaddons.com/wp-content/uploads/2023/12/infocardnormalimage.png)
Hover Image Style Tab
Here you can manage Transform of Layout using CSS Editor.
![](https://ecaddons.com/wp-content/uploads/2023/12/infocardhoverimage.png)
Content Box Style Tab
In Content box tab, You can manage Padding and Bottom Offset of Info Card.
And For Normal and Hover, YOu can Manage Transform CSS with Editor.
![](https://ecaddons.com/wp-content/uploads/2023/12/infocardcontentbox.png)
Title Style Tab
In this TItle tab, You can manage Padding, Margin and It’s Typography.
And for Normal and Hover, You can manage Color, Background, Border, Box Shadow, Text Shadow, Text Stroke, Transition and Transform.
![](https://ecaddons.com/wp-content/uploads/2023/12/infocardtitle.png)
Sub Title Style Tab
In this Sub TItle tab, You can manage Padding, Margin and It’s Typography.
And for Normal and Hover, You can manage Color, Background, Border, Box Shadow, Text Shadow, Text Stroke, Transition and Transform.
![](https://ecaddons.com/wp-content/uploads/2023/12/infocardsubtitle.png)
Description Style Tab
In this Description tab, You can manage Padding, Margin and It’s Typography.
And for Normal and Hover, You can manage Color, Background, Border, Box Shadow, Text Shadow, Text Stroke, Transition and Transform.
![](https://ecaddons.com/wp-content/uploads/2023/12/infocarddescription.png)