Add an image with text content using the Image Box widget in the 10Web Builder.
The Content Tab
Image Box
Choose Image: Click on the image box to select or upload an image.
Image Size: Set the size of the image from the drop down menu.
Title & Description: Add a title and description to the image.
Link: Set a link the image box should redirect to. Click on the gear icon to customize the link settings.
Image Position: Set the position of the image in the box relative to the title and description.
HTML Tag: Choose an HTML tag.
The Style Tab
Image
Spacing: Adjust the spacing between the image and text content.
Width: Adjust the width of the image.
Border Radius: Set the radius of the border for rounded corners.
Hover Animation: Option to select an animation effect on hover.
CSS Filter: Customize the image for both Hover and Normal modes, by applying CSS Filters.
Opacity: Adjust the opacity of the image for both Hover and Normal modes.
Transition Duration: Adjust the time it takes for a slide to show.
Content
Alignment: Set the alignment of the content to the right, center, left, or justified.
Vertical Alignment: Set the vertical alignment of text to the top, center, or bottom of the box.
Title
Spacing: Set the spacing between the title and the description.
Color: Customize the color of the title.
Typography: Customize the typographical settings of the title.
Description
Color: Customize the color of the description.
Typography: Customize the typographical settings of the description.
The Advanced Tab
In the advanced tab adjust the padding, apply Z-index to your elements, set conditions, motion effects, responsiveness, and more.
Next Up: Icon Box