Cluster block

Updated: June 18, 2020

Cluster block allows you to group other blocks into one parent block and create that way interesting section of blocks with custom background.

Block settings in toolbar

Toolbar buttons available on block allows you to change the width of block to Content Size, Wide Size or Fullwidth Size. Once the image is selected as background, toolbar icon allows you to change the image displayed in block. For Cluster with custom height defined are available options to align content vertically. You can align content to the top, center or bottom of Cluster block.

Block settings in sidebar

From sidebar settings of block you can define background, overlay, border, shadow and height options related to block.

Background settings

Block offers four background types:

  • None
  • Image
  • Single color
  • Gradient

Image background

Image background options allow you to upload custom image into background and define other additional option:

  • set background image size
  • set repeat option for image in background
  • define if image in background is fixed or scroll with page
  • set position of image in background by defining the focal point on image
  • set background color or gradient under image, these option are useful if your background image is in transparent png format
  • set overlay over the image, overlay can be defined by single color or gradient with custom transparency to create interesting background look

Responsive options allows you to define different background image settings for desktop size and custom responsive screen size. After enabling you can define the screen width when responsive options are applied.
For responsive layout can be defined another image in background, images size, position and fixed option. Other options are used the same as in desktop layout.

Single color background

Option allows you to define single color in the background of block.

Gradient background

Option allows you to define gradient in the background of block.

Border settings

Options allow you to define border on the block with custom color, width and radius for rounded block edges.

Shadow settings

Defining the color in shadow settings you can activate shadow under the block. Available are all needed parameters to customize shadow per your needs, there are controls for horizontal and vertical offset, blur and spread radius in pixels.

Height settings

Using height settings you can force the block to display in defined height, if the content inside the block doesn’t exceed this height. You can select from different units for block’s minimal height, available are pixels, vh and vw.
Once the custom height is defined for block, you can also vertically align content inside block using icons available in the block toolbar.

Width settings

Width settings allows you to customize width for content in Cluster block which is by default defined in General Layout settings in WordPress Customizer.
Width can be changed separately for different sizes (content, wide and fullwidth) set up in Cluster block toolbar.

close

Width settings are available only with active Citadela Pro plugin.

Mobile settings

With mobile settings can be defined if Cluster block is displayed or hidden only on mobile. You can hide the block with its content under responsive screen size.

Spacing settings

Options allow you to define padding (spacing) around content in Cluster block. Available are three types of space: None (default spacing), 0 (zero, no spacing), small and large spacing.