Use Downloads and Links Block

With the Downloads and links Gutenberg block (immomakler/single-downloads-links) you display a property’s attachments (PDFs, documents) and external links as an icon list. The block matches the functionality and output of the Elementor widget of the same name, “Downloads and links”.

Requirements

WordPress with the Gutenberg editor (WordPress 5.0 or later)
WP-ImmoMakler (any edition)
The property must have attachments (documents/PDFs) or links stored

Inserting the block

Edit a property or open a template

Open an existing property in the editor or a block-based template for the Property post type (requires a block theme or the Site Editor).
Insert the block

Click the + icon and search for Downloads and links, or navigate to the Widgets category. Insert the block.
Check the preview

A live preview using the data of an existing sample property is displayed immediately in the editor. If the sample property has no downloads or links, a placeholder notice appears. On the actual property page, the data of the respective property is shown.

Configuring the list

In the block panel List you control the basic layout:

Setting	Description
Layout	Standard (vertical): entries stacked. Inline (horizontal): entries side by side, with wrapping.
Alignment	Alignment of the entries: Left, Centre or Right.
Spacing between items (px)	Spacing between individual list entries. Default: 10 px.
Row spacing (px)	Additional spacing below each entry (supplements item spacing). Default: 0 px.
Minimum width (px)	Minimum width of each entry. Useful in inline layout for even widths. Default: 0 (no limit).

Divider

In the block panel Divider you add optional dividers between entries:

Setting	Description
Show divider	Enables dividers between entries (default: off).
Style	Line type: Solid, Double, Dotted or Dashed.
Thickness (px)	Line thickness in pixels. Default: 1 px.
Width (%)	Width of the divider as a percentage of the element width. Default: 100 %.
Colour	Colour of the divider. Default: `#ddd`.

Item style

In the block panel Items you style the background, border and padding of individual entries:

Setting	Description
Background colour	Background colour of each entry.
Border style	Border type: Solid, Dashed, Dotted or Double.
Border thickness (px)	Thickness of the border around each entry.
Border colour	Colour of the border.
Corner radius (px)	Rounding of the corners (top, right, bottom, left independently).
Padding (px)	Inner padding of each entry (top, right, bottom, left independently).

Icon style

In the block panel Icons you select and style the icons:

Setting	Description
Downloads icon	Icon for download entries: File, Download arrow or PDF.
Links icon	Icon for link entries: External link, Chain link or Globe.
Colour	Colour of the icons. If not specified, the theme text colour is used.
Hover colour	Icon colour when hovering with the mouse.
Size (px)	Width and height of the icons. Default: 14 px, range: 6–96 px.
Spacing to text (px)	Spacing between the icon and the associated link text. Default: 5 px.

Text style

In the block panel Text you adjust the typography of the link text:

Setting	Description
Colour	Text colour of the links. If not specified, the theme link colour is used.
Hover colour	Text colour when hovering with the mouse.
Font size (px)	Font size. 0 = theme default.
Font weight	Font weight (Light to Extrabold). Default = theme default.
Line height	Line height as a factor. 0 = theme default.
Letter spacing (px)	Spacing between characters.

CSS classes for custom styling

For further customisation you can add your own CSS rules in your theme:

/* Wrapper list */
.immomakler-downloads-links { }

/* Inline layout variant */
.immomakler-downloads-links.immomakler-downloads-links--inline { }

/* Individual list entry */
.immomakler-downloads-links__item { }

/* Icon container */
.immomakler-downloads-links__icon { }

/* Link element */
.immomakler-downloads-links__link { }