Set the Link setting to a URL. It wraps the image in a link to that URL.
Image block
Updated last month
The Image block displays a single image, optionally linked, with its own ratio, sizing, alignment, and border radius settings.
Settings
Most settings apply on desktop and mobile separately. Some appear only when another setting is enabled, as noted below.
Setting | Description | Default |
|---|---|---|
Image | The image to display. | ā |
Link | Wraps the image in a link to a URL. | ā |
Image ratio | The image's aspect ratio: Adapt, Portrait, Square, or Landscape. | Adapt |
Width / width mobile | Fit content, Fill, or Custom. Choosing Custom reveals a custom width range from 10% to 100% in steps of 5, defaulting to 100. | Fill |
Height | Fit or Fill. Shown only when Image ratio is set to Adapt. | Fit |
Content alignment desktop / mobile | Horizontal alignment of the image within its container: Start, Center, or End. | Start |
Use inner border radius | Applies an inner border radius to the image. Shown only when the border radius scheme is not Custom. | Off |
Border radius scheme | Scheme 1, Scheme 2, Scheme 3, or Custom. Choosing Custom reveals a custom border radius range from 0 to 30 rem, defaulting to 0. | Scheme 1 |
Margin top (Desktop) / (Mobile) | Space above the block, from 0 to 34. | 0 |
FAQ
How do I make an image clickable in the Pops Image block?
What image ratio options does the Pops Image block offer?
The Image ratio setting offers Adapt, Portrait, Square, and Landscape. The default is Adapt.
How do I set a custom image width in the Pops Image block?
In Width / width mobile, choose Custom. This reveals a custom width range from 10% to 100% in steps of 5, defaulting to 100. The other options are Fit content and Fill.
When does the Height setting appear in the Pops Image block?
The Height setting appears only when Image ratio is set to Adapt. It offers Fit or Fill, with Fit as the default.
How do I change the border radius of an image in the Pops theme?
Use the Border radius scheme setting, which offers Scheme 1, Scheme 2, Scheme 3, or Custom. Choosing Custom reveals a custom border radius range from 0 to 30 rem, defaulting to 0. When the scheme is not Custom, you can also turn on Use inner border radius to apply an inner border radius to the image.
Do Image block settings apply separately on mobile?
Yes. Most settings apply on desktop and mobile separately, including width, content alignment, and margin top.
Was this helpful?
Was this helpful?