Allows you to set, unset and style the gallery block's filter bar.
Settings
The Filter property displays a text field above the Gallery or Galleries. It makes it easier to display a gallery or display all galleries.
Display single gallery
Add filter bar
Select a gallery block
Open the Block Inspector
Navigate to the Primary tab
Open the Filter tab
Navigate to the Settings tab
Toggle Active
Remove filter bar
Select a gallery block
Open the Block Inspector
Navigate to the Primary tab
Open the Filter tab
Navigate to the Settings tab
Untoggle Active
Display all galleries
Activate Filter "All"
Select a gallery block
Open the Block Inspector
Navigate to the Primary tab
Open the Filter tab
Navigate to the Settings Tab
Toggle Filter "All"
Deactivate Filter "All"
Select a gallery block
Open the Block Inspector
Navigate to the Primary tab
Open the Filter tab
Navigate to the Settings tab
Untoggle Filter "All"
'All' label
The 'All' label property allows you to name the collection of Galleries rather than the default 'All'.
The "All" label needs the filter bar to be enabled to work.
Name 'All' Label
Select a gallery block
Open the Block Inspector
Navigate to the Primary tab
Open the Filter tab
Navigate to the Settings tab
Name 'All' Label
Remove 'All' Label
Select a gallery block
Open the Block Inspector
Navigate to the Primary tab
Open the Filter tab
Navigate to the Settings tab
Click dot to remove 'All' Label name
Layout
Allows you to style the layout of the Filter Bar.
Spacing
The Spacing property adjusts the spacing between each Gallery name in the Filter Bar.
Adjust spacing
Select a gallery block
Open the Block Inspector
Navigate to the Primary tab
Open the Filter tab
Open the Layout tab
Adjust Spacing
Reset spacing
Select a Cwicly Gallery block
Select a gallery block
Open the Block Inspector
Navigate to the Primary tab
Open the Filter tab
Open the Layout tab
Click dot to reset Spacing
Gap
The Gap property adjusts the distance between the Filter Bar and the Gallery Block.
Adjust gap
Select a gallery block
Open the Block Inspector
Navigate to the Primary tab
Open Image Style tab
Navigate to the Filter tab
Open the Layout tab
Adjust Gap
Reset gap
Select a gallery block
Open the Block Inspector
Navigate to the Primary tab
Open Filter tab
Open Layout tab
Click dot to reset Gap
Direction
The Direction property establishes the main axis within a flexbox container and includes row, column and reverse.
Modify direction
Select a gallery block
Open the Block Inspector
Navigate to the Primary tab
Open Filter tab
Open Layout tab
Find the Direction property
Click on the appropriate direction options (row, column, reverse)
Reset direction
Select a gallery block
Open the Block Inspector
Navigate to the Primary tab
Open the Filter tab
Open the Layout tab
Find the Direction property
Reclick selected option to reset direction
Align
The Align property allows you to specify the vertical position of the Filter bar contents, such as flex-start, center, flex-end, space-between, space-around.
Modify align
Select a gallery block
Open the Block Inspector
Open Filter tab
Open Layout tab
Select desired value (flex-start, centre, flex-end, space-between, space-around)
Typography
The Typography property allows you to modify the Filter Bar typography.
Colors
Spacing
The Padding property allows you to specify the space that separates the Gallery Image block from its border on all sides.
Padding is not to be confused with Margin. The first adds space inside the element, the other adds space outside it.
Add padding
Select a gallery block
Open the Block Inspector
Navigate to the Primary tab
Open Filter tab
Open Padding tab
Link or Unlink Padding to add space to one or all sides
Remove padding
Select a gallery block
Open the Block Inspector
Navigate to the Primary tab
Open Filter tab
Open Padding tab
Click dot to reset all linked or selected unlinked padding
Border
Adds chosen border styling to the gallery block's filter bar.
