Simple Block

  • In SimpleBlock add simpe subblock 1 and simple subblock 2 as innerblocks.
  • In simple subblock 2 add columns as inner block.
  • In column block set no of columns as 2.
  • In first column add simple video block as inner block.(Note : Add p-0 as a additional css class for first column )
  • In second column add Background image.(Note : Add bg-img-hero-center height-40vh p-0 as a additional css class for second column )

Simple Block Settings

Background settings

Background Color:You can select background color or custom background color using color palette.Default vaue is bg-white.

Additional CSS Class

Enter the extra class name for the block.

Subblock 1 Settings

Content Align:Enable Content to align the content to right Disable Content to align the content to left.

Icon Color:You can select color or custom color for icon using color palette.

Additional CSS Class

Enter the extra class name for the block.

Subblock 2 Settings

Background settings

Background Type:You can select background type.Set default as gradient.

Background Color:You can select background color or custom background color using color palette.Select gradient-half-primary-v1 as default.

Block Position:Enable Block Position to align the content to right Disable Block Position to align the content to left.Set Enable as default.

Additional CSS Class

Enter the extra class name for the block.

Simple Video Block

Background Settings

Background Image:Upload Background Image for Video.

Video Id:You can write the id of the video which you want to upload.Default value is 6Rb5iuojzbM.

Additional CSS Class

Enter the extra class name for the block.

Simple Block Output