Customize and edit the featured image of your website using the Featured Image widget in the 10Web Builder.

The Content Tab

Image

Choose Image: Click on the field to expand the menu. Click on the image field to upload or choose from the library.

2.1.png

Image Size: Set the size of your featured image.

Alignment: Set the alignment of the image relative to the box.

Caption: Option to include a non dynamic caption for the image.

Custom Caption: Fill in a custom, non dynamic text in the case custom caption is chosen.

Link: Option to attach a link to the featured image.

Width: Set the width of your image relative to the widget box.

Max Width: Set the maximum width of the image.

Opacity: Customize the image opacity.

CSS Filter: Change the look of your image with the option to apply CSS filters to image.

Border Type: Option to set a border to the image.

Border Radius: Customize the roundness of border edges.

Box Shadow: Option to set a shadow to the image.

Settings applicable only in the Hover mode.

Transition Duration: Set the duration of the hover effect.

Hover Animation: Option to choose animation on hover.

Alignment: Set the alignment of the image caption to left, center, right, or justified.

Text Color: Customize the color of the caption text.

Background Color: Option to set background color to caption.

Typography: Customize typographical settings of the caption.

Text Shadow: Option to set and customize shadow for caption text.

Spacing: Adjust the distance between the caption and the image.

In the advanced tab adjust the padding, apply Z-index to your elements, set conditions, motion effects, responsiveness, and more.