Info Grid #7

Grid style #7 of informative blocks/components.

Block settings

General Settings

Limit: Drag the slider to set the total number of blocks to be displayed. set 2 as the default limit.

Enable Container: Enable or Disable container class.

Column: Drag the slider to set no of columns for this block. Default value is 2.

Button Settings

Enable Button: Enable to show button in the grid block.

Buttons allow you to take actions, and make choices, with a single tap.

  • Button Design: There are 4 button designs are available.Text button is chosen as default design.
  • Button Background: Choose the background color for your button. primary background color is chosen as default.
  • Is wide: Enable for wide button. The default is Enable
  • Button Size: Extra Small, Small, Default and Large button size are available. The default size value for this block is Small
  • Button Border Radius: Rounded, Default, Pill and Circle are the available border radius. The default border radius is Rounded 0
  • Button Icon: You can choose the icons for the button block. Default icon is fas fa-angle-right.
  • Is Icon After text: Enable or disable the icon to position before the button text. set Disable option as default.
  • Is Icon Button?: Enable or disable only icon ( without text ) as button. set Disableoption as default.
  • Enable Transition: Enable or disable transition effect for button. set Disable option as default.

Additional CSS Class

Add extra class name for the block.

Block Output