Skip to main content

the Picture box widget allows you to add a picture box that combines an image with a title and text, often used in the 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 image size, 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 of the item's link. Click on the Link options tooth file-caf733zaof-2425755 to 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 the left, top or right, relative to the title and description (in Mobile view it will remain centered).
  6. Title HTML tag: Set the title HTML tag as H1… H6, div, span or paragraph

Style

Image

  1. Spacing: Sets the exact space between the image and the title
  2. Width: Scales the image width from 0 to 100%
  3. Scrolling animation: Add scrolling animation to image
  4. CSS filters: Adjusts the picture style by changing the CSS filter scales for Blur, Brightness, Contrast, Saturation, and Hue adjustments in Normal and Hover states
  5. Opacity: Controls the opacity of the image in the Normal and Hover states
  6. Duration of transition: 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: Aligns content to the left, right, center, or justified
  2. Vertical alignment: Aligns content to the top, middle, or bottom of the box

Title

  1. Spacing: Sets the space between the title and description
  2. Colour: Sets the title color
  3. Typography: Sets the font options for the title

Description

  1. Colour: Sets the color of the description text
  2. Typography: Sets the font options for the description

Advanced

Set the advanced options that are applicable to this widget

R Marketing Digital