Kadence on Classic

Kadence blocks; activated and no changes in the settings at all.

Observation: the padding changes with a background, but the absolute alignment remains the same.

The ‘Inherit Max Width from Theme setting’ looks good backend, on classic also front-end. On FSE that doesn’t work.

Level of complexity: extremely easy.

Kadence Row block – setting: none + no background

Heading text

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Heading text

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Kadence Row block – setting: none

Heading text

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Heading text

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Kadence Row block – setting: wide width

Heading text

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Heading text

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Kadence Row block – setting: full width

Heading text

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Heading text

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Kadence Row block – setting: full width + Inherit Max Width from Theme ON

Heading text

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Heading text

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.


Kadence Row block in Row block.

Observations:

  • the Row block in the Row block has no extra padding on mobile, so the vertical and horizontal alignment is perfect. That means Kadence doesn’t apply any padding to the sections in a Row block.
  • If an image is placed in a column, the alignment at the top is no longer the same; to be fixed by removing the top margin of the text block.
  • The standard ‘inner content’ is rather small with the standard setting. That can be changed with ‘Custom Content Max Width’ (every device).

Level of complexity:

  • Easy, margin heading only to be adjusted when placing a non text block next to it.

Kadence Row block (full + Inherit Max Width from Theme) with a Row block placed in the right column

Heading text

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Heading text

Lorem ipsum dolor sit amet, consectetur adipiscing elit.