Fundamental Image
Fundamental Image displays a media-library image or an image URL, with alternative text and loading controls.
Edit the Element
Select it in Structure. Set Content > Image > From, then choose Media or provide URL. Configure the image size, alternative text, and loading options that appear for that source.
Style the element with selectors; shared classes affect every instance. Use Settings for conditions, interactions, animations, and attributes.
Choose Decorative only when the image conveys no information that needs a text alternative. Disable Srcset & Sizes removes the generated responsive-image attributes; use it only when the design requires that change. URL images do not supply the media-library metadata choices.
Content > Image
| Setting | Purpose and options | Behavior |
|---|---|---|
| From | Media Library, URL. | Shared |
| Media | WordPress media. When: From = Media Library. | Shared |
| URL | Destination URL. When: From = URL. | Shared |
| Size | Registered WordPress or custom image size. When: Media is set and From = Media Library. | Shared |
| Alt | Media Library, Custom, Decorative. When: From = Media Library. | Shared |
| Custom Alt | Alternative text describing the image. When: From = Media Library and Alt = Custom. | Shared |
| Alt | Custom, Decorative. When: From = URL. | Shared |
| Custom Alt | Enter the custom alt. When: From = URL and Alt = Custom. | Shared |
| Lazy Load | On/off. When: From is set. | Shared |
| Disable Srcset & Sizes | On/off. When: From = Media Library. | Shared |
The image appears stretched: Inspect its selector width, height, and object-fit styles. Check the source image's proportions and the rendered box.