Footer Contacts

Large label/value contact rows using the .footer-big-contacts markup and styling. It is shown in the block inserter as Canvas Footer Contacts and registered as canvas-core/footer-contacts.

Select the block on a page and its own settings open in the sidebar, in the panels below:

The Footer Contacts settings in the block editor sidebar

Settings

Each setting is named exactly as the block editor names it, followed by what it does and what it starts as. Where a setting carries a Shown when line, it stays hidden until that condition is met, which is the usual reason a setting looks missing from the sidebar:

Style

  • Column ClassesDefaultcol-12

    Style classes on the column each contact row sits in. These decide how much of the row width a contact takes at each screen size.

Content

  • ContactsDefaulta preset list of 2 rows

    The ways to reach you, one row each, shown large in the footer. A row with neither a label nor a value is skipped.

    Each row of Contacts takes:

    • LabelDefaultEmpty

      The small line above the detail, saying what it is for.

    • ValueDefaultEmpty

      The detail itself, set large as the point of the row.

    • Link (optional)DefaultEmpty

      When set, the value becomes a link (e.g. "tel:122..." or "mailto:info@...").

Every Canvas block also carries the Animation, Scroll Effects and Advanced panels, which are described in Controls every Canvas block has.

Other blocks in Layout: Column, Container, Copyrights, Footer About, Footer Instagram, Footer Widget Area.

Was this page helpful?