Featured Image Widget

The Featured Image widget is a Theme Element. It is one of the available Single Post Template widgets that is used to dynamically display the current post’s featured image.

Content

Image

  1. Choose Image: Featured Image is the only option (see note below).
  2. Image Size: Select the size of the image, from thumbnail to full, or enter a custom size
  3. Alignment: Align the image to the left, center, or right
  4. Caption: Enter text to be included as a caption under every Featured Image. Note that the same caption will be displayed under each. This is not dynamic.
  5. Link to: Choose to link the image to None, Media File, or Custom URL. If Media File is chosen, you have the option to choose to use the Lightbox or not. If Custom URL is chosen, you can either input a URL, or more appropriately, select the  icon to choose a dynamic URL such as the Post URL.

Note: If you click "Featured Image", a window will pop up to allow you to choose a Fallback Image in the event that a Featured Image does not exist.


Style

Image

  1. Width: Set the width of the image
  2. Max Width: Set the maximum width of the image as a percentage
  3. Opacity: Control the opacity of the image
  4. CSS Filters: Adjust the image style by changing the CSS Filter scales for Blur, Brightness, Contrast, Saturation, and Hue settings
  5. Border Type: Select the type of border
  6. Border Radius: Set the border radius to control corner roundness
  7. Box Shadow: Adjust box shadow options

When setting the Hover state, two new options appear:

  1. Transition Duration: Set the duration time in milliseconds for the hover effect
  2. Hover Animation: Choose the hover animation for the image

Read the tutorial showing how to Create a Single Post Template