Image Box Widget

Image Box Widget

The Image Box Widget lets you add an image box that combines an image with a headline and text, which is often used in Features sections, as an alternative to using the Icon Box widget.

Content

Choose Image: Select an image from the media library, or upload a new imageImage Size: Select the size of the image, from thumbnail to full, or enter a custom sizeTitle & Description: Add the title and description that will appear in the image boxLink to: Enter the URL for the item』s link. Click the Link Options cog to either add rel=nofollow to the link or to open the link in a new window.Image Position: Set the position of the image to left, top or right, relative to the title and description (on Mobile view it will stay centered).Title HTML Tag: Set the HTML tag of the title as H1…H6, div, span or paragraph

Style

Image

Spacing: Set the exact space between the image and the titleWidth: Scale the image width from 0 to 100%Hover Animation: Add Hover Animation to the imageCSS Filters: Adjust the image style by changing the CSS Filter scales for Blur, Brightness, Contrast, Saturation, and Hue settings in Normal and Hover statesOpacity: Control the opacity of the image in Normal and Hover statesTransition Duration: Set the time it takes for each slide to appear. This time is in milliseconds, so 1000 ms is equal to 1 second

Content

Alignment: Align the content to the left, right, center or justifiedVertical Alignment: Align the content to the top, middle or bottom of the box

Title

Spacing: Set the space between the title and descriptionColor: Set the color of the titleTypography: Set the typography options for the title

Description

Color: Set the color of the description textTypography: Set the typography options for the description

Advanced

Set the Advanced options that are applicable to this widget

發表回覆

您的電子郵箱地址不會被公開。 必填項已用 * 標註