Tag: Block spacing

  • Navigation

    Alignment Justification Vertical Overlay menu off Overlay menu mobile Overlay menu always Block spacing Block spacing preset: 0 Block spacing preset: 4 Block spacing preset: 7 Color Typography Font size Appearance Line height Letter spacing Decoration Letter case

  • Social Icons

    Pill shaped Logos only Show labels Vertical Icon size Alignment Note: there is a spacer block above to clear the alignment. Justification Color Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4

  • Stack

    Note: For other block settings like typography and background image, see the group block. Alignment Align none. A second paragraph inside a stack. Wide. A second paragraph inside a stack. Full width. A second paragraph inside a stack. Vertical alignment Note: Background color and min height has been added for visibility. Align top. A second…

  • Row

    Note: For other block settings like typography and background image, see the group block. Alignment Align none. A second paragraph inside a row. Wide. A second paragraph inside a row. Full width. A second paragraph inside a row. Vertical alignment Note: Background color and min height has been added for visibility. Align top. A second…

  • Group

    Inner blocks use content width A paragraph inside a group. No alignment, default justification. A paragraph inside a group. Wide, default justification. A paragraph inside a group. Wide, left justification. A paragraph inside a group. Wide, right justification. A paragraph inside a group. Full width, default justification. A paragraph inside a group. Full width, left…

  • Columns

    Column numbers and widths Background colors have been added for visibility: One column Two columns, 50/50 Column two Two columns, one third Two thirds Two columns, two thirds One third Three columns Column two Column three Three columns, 25 50 25 Custom column numbers One Two Three Four Five Six Do not stack on mobile…

  • Buttons

    Width Linked Justification Wide and full width Wrapping Vertical Color Border Typography Font Size Appearance Line height Letter spacing Decoration Letter case Spacing Margin preset: 4 Block spacing preset: 0 Block spacing preset: 4 Block spacing preset: 7 Padding on the inner button

  • Cover

    Cover

    Alignment Note: there is a spacer block above to clear the alignment. Content position Full height: Fixed background: Repeated background Fixed and repeated background Border Color Purple overlay with different opacities: White overlay, 50%: Overlay, heading text color, heading background color, text color: Duotone Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 0…

  • Gallery

    Gallery

    Alignment Gallery images have “Expand on click” Color Gallery images with border: Gallery images with duotone: Dimensions Padding preset: 4 Padding preset: 4, and background color Margin preset: 4 Block pacing preset: 0 Block pacing preset: 4 Block pacing preset: 7

  • Details

    Alignment Color Border Dimensions Padding preset: 4 Margin preset: 4 Block spacing preset: 4 Typography Font size Appearance Line height Letter spacing Decoration Letter case