T3KHost Documentation

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

  1. Choose Image: Select an image from the media library, or upload a new image
  2. Image Size: Select the size of the image, from thumbnail to full, or enter a custom size
  3. Title & Description: Add the title and description that will appear in the image box
  4. Link 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.
  5. 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).
  6. Title HTML Tag: Set the HTML tag of the title as H1…H6, div, span or paragraph

Style

Image

  1. Spacing: Set the exact space between the image and the title
  2. Width: Scale the image width from 0 to 100%
  3. Hover Animation: Add Hover Animation to the image
  4. CSS Filters: Adjust the image style by changing the CSS Filter scales for Blur, Brightness, Contrast, Saturation, and Hue settings in Normal and Hover states
  5. Opacity: Control the opacity of the image in Normal and Hover states
  6. Transition 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

  1. Alignment: Align the content to the left, right, center or justified
  2. Vertical Alignment: Align the content to the top, middle or bottom of the box

Title

  1. Spacing: Set the space between the title and description
  2. Color: Set the color of the title
  3. Typography: Set the typography options for the title

Description

  1. Color: Set the color of the description text
  2. Typography: Set the typography options for the description

Got questions? Need help?

If you have any questions or need help with something that’s not available in our knowledge base then please contact our support team. We will be happy to assist you. ​