Creating slides is easy and quick using the Slides premium widget by 10Web in the 10Web Builder.
The Content Tab
Slides
The Slides section has the list of slide items. Drag and drop the items to reorder, click on the copy icon to duplicate it, or the X icon to delete it. Click on Add Item to create a new item. Click on each item to customize it. Each item has three sections: Background, Content, Style.
Background
Color: Customize the color of the image background.
Image: Set an image as the background.
Content
Title & Description: Set the title and description of the slide.
Button Text: Customize the text of the button.
Link: Option to set a link for the slide.
Apply Link On: If a link is set, option to apply link on button or entire slide.
Height: Set the height of the slide.
Slider Options
Navigation: Choose the navigation icons from the drop down menu.
Auto Play: Set on Yes to allow the slide to play automatically upon loading of the page.
Pause On Hover: Set on yes to pause the slider on hover.
Pause On Interaction: Set on yes to pause the slider on interaction.
Autoplay Speed: Set the speed in milliseconds.
Infinite Loop: Set on Yes to allow continuous play of the slider.
Transition: Choose the transition style from Slide or Fade.
Transition Speed: Customize the transition speed in milliseconds.
Content Animation: Set the entrance animation of content.
The Style Tab
Slides
Content Width: Set the width of the content relative to the title and button.
Padding: Set the padding of the content relative to the title and button.
Horizontal Positioning: Set the horizontal content positioning relative to the slider.
Vertical Positioning: Set the vertical content positioning relative to the slider.
Text Align: Align the text to the left, center, or right.
Text Shadow: Option to set shadow to the text.
Title
Spacing: Adjust spacing between the title and the description.
Text Color: Customize the color of the title.
Typography: Adjust the typographical settings of the title.
Description
Spacing: Adjust spacing between the description and the button.
Text Color: Customize the color of the description.
Typography: Adjust the typographical settings of the description.
Button
Size: Set the size of the button from extra small to extra large.
Text Color: Customize the text and border color of the button.
Typography: Adjust the typographical settings of the button.
Border Width: Adjust the border thickness of the button.
Border Radius: Set the roundness of the button edges.
Text Color: Click on the color tile to customize the button text for normal and hover modes.
Background Color: Click on the color tile to customize the button color for normal and hover modes.
Border Color: Click on the color tile to customize the button border color for normal and hover modes.
Navigation
Arrows
Arrows Position: Choose to position the arrows inside or outside the slide.
Arrows Size: Adjust the size of the navigation arrows.
Arrows Color: Customize the color of the navigation arrows.
Dots
Dots Position: Choose to position the dots inside or outside the slide.
Dots Size: Adjust the size of the navigation dots.
Dots Color: Customize the color of the navigation dots.
The Advanced Tab
In the advanced tab, adjust the padding, apply Z-index to your elements, set conditions, motion effects, responsiveness, and more.
Comments
0 comments
Please sign in to leave a comment.