BUILD3R.io

Image Widget

Images play a vital role in web design, so you will most likely use the Image Widget a lot while designing your website. Let's go over all of the settings you can control for this widget.. Content. . 1. Image - Upload an image or choose Dynamic to dynamically use Posts featured image, Site Logo, and Author Profile Picture.. 3. Image Size - Choose the size of the image. 4. Alignment - Set the image Alignment. 5. Caption - Add caption to the bottom of the image.. 6. Link To - Set a link to a URL, media file or no link.he style tab.. Style. . 1. Width - Set the Image Width. 2. Max Width - Set the Max Width for the Image. 3. Hover Animation - Click the dropdown to choose a Hover Animation. 4. CSS Filters - Set CSS Filters: Blur, Brightness, Contrast and Saturation. 5. Opacity - Set the Opacity. 6. Transition Duration - Set the Hover Animation duration. 7. Border Type - Set a Border Type. 8. Border Radius - Set a Border Radius. 9. Box Shadow - Set Box Shadow: Horizontal, Vertical, Blur and Spread. 10. Caption - Set the Alignment, Text color, Text Shadow, and Typography of the caption.. Note: Blend Modes/CSS Filters do not work with Internet Explorer.. Advanced. . Set the Advanced options that are applicable to this widget
Was this article helpful?

Still puzzling over something?

The agent has read this article — and everything around it. Ask a follow-up and it answers in seconds.