How to add “double footer” in WordPress block editor? [closed]

This can be achieved by adding two “group” blocks inside of the “Footer” block.

You can then edit the “styles” of each group block to give them distinct background colors.

Finally, to remove the space between the two groups, you need to change the Margin top of the lower group block to None. You may need to slide it from None up to something, and then slide it back down to None to make this gap go away.

Related Posts:

  1. How to trigger JS in gutenberg page load
  2. Gutenberg: Block validation failed
  3. Gutenberg Inspector Controls
  4. How to use getBlockIndex
  5. Hide or show Gutenberg custom block using date range
  6. Use page Title in Gutenberg custom banner block
  7. How to add code to `head` with WordPress 5.9 FSE (Full Site Editing)
  8. Block Editor: add an aria-label to an option inside a SelectControl
  9. Gutenberg: Get All Attributes From «core/image» Block
  10. How to make the Preview button automatically open new tab?
  11. Gutenberg: How can I disable backspace key from deleting an empty paragraph block?
  12. Where on Github, or elsewhere, can I find the code for core-blocks?
  13. Gutenberg translation is not working
  14. How to add javascript function in the “save()” of gutenberg block?
  15. How to check if current admin page is Gutenberg editor? [duplicate]
  16. Possible add color palette for a block’s inner div instead of outer?
  17. Programmatically trigger the gutenberg save
  18. Gutenberg : in the backend, I just want to store a JSON object
  19. wordpress gutenberg url popover custom options
  20. Text Editors Are Hiding Text
  21. Disabling deleting reusable blocks except on the reusable block manager
  22. Gutenberg remove Most Used group
  23. How to know whether you are editing a page or a post?
  24. Gutenberg get block name
  25. How has my WordPress editor become so basic? Cannot add blocks or see anything visual
  26. Block Validation Fails: ‘
  27. Insert SVG code (not img) in HTML block
  28. How to enable Block Editor on the Posts page
  29. React to a change of the block alignment
  30. Object type for block Attribute (Gutenberg)
  31. Controlling the RichText component outside of blocks
  32. Custom Gutenberg Block: How to return plain HTML with save(), without escaping?
  33. Removing advanced section from brand new gutenberg block
  34. How to allow to add gradients to core/heading block?
  35. Gutenberg: How to update associated Terms of Custom Taxonomy to Current Post
  36. Gutenberg: How to float core table block in front-end of site?
  37. Guttenberg Implementation on Front Page
  38. Register multiple styles / scripts in register_block_type
  39. How to automatically remove noreferrer from targetd link rel attribute, on render?
  40. Should there be concern about breaking Gutenberg updates to extended core blocks?
  41. Extend Gutenberg block core/quote block
  42. How to get all attributes of a block in PHP?
  43. reload the gutenberg editer on taxonomy change
  44. Gutenberg Block Get Author Details
  45. Gutenberg Block Toolbar – remove button
  46. WordPress block editor embeds not working in theme (single.php)
  47. Cannot enable Gutenberg editor [closed]
  48. Remove ‘type / to choose a block’ placeholder [duplicate]
  49. Quickest way of developing custom Gutenberg Blocks
  50. gutenberg attributes
  51. How to register two blocks in the same plugin
  52. Gutenberg: always show text color selector in editing bar
  53. How to lock innerBlocks within a block variation?
  54. How to get startIndex and endIndex from the selected block in gutenberg?
  55. How to fix: “The editor has encountered an unexpected error”?
  56. Set a minimum and maximum limit of images to select in the MediaUpload component for Block
  57. Compile a blocks src directory and main index.js entry file and output to different build dirs?
  58. Leave focus on custom Gutenberg block when pressing enter
  59. How to Analyze Blocks and find Intersection and patterns between pages
  60. WordPress does not hide content after “Read more” block added using gutenberg editor
  61. Gutenberg InnerBlocks allowed types and reusable blocks
  62. Issue with translation – Gutenberg
  63. RSS feed WP widget vs Gutenberg Block?
  64. Gutenberg editor failing to load correctly after new theme install
  65. Theme options missing from edit page
  66. How to activate a new prop that a block introduces in a new release?
  67. “Updating failed” if any text includes “$v()”
  68. Disable Font Size for Authors using: add_theme_support(‘disable-custom-font-sizes’);
  69. Multiple checkboxes Gutenberg control
  70. Block validation failed
  71. Loading column block style seperately
  72. wp-scripts start build hangs
  73. How to use react in frontend of dynamic blocks?
  74. How to use isSavingNonPostEntityChanges in the same scope correctly?
  75. Attempting to specify viewScript, in a custom block, results in a register_block_script_handle error
  76. Add Custom Block Supports to Core Block
  77. Block validation failed – save content vs post body content
  78. How to propegate changes from block render_callback to other blocks using that callback?
  79. wordpress 6.2 is alignfull and lignwide removed?
  80. How to add “rel=nofollow” for links in latest version of WordPress?
  81. I can’t highlight/select text in the RichText components in my Gutenberg blocks
  82. Lazy load video block while keeping autoplay
  83. Where’s the Block Template Feature in WordPress?
  84. Is it possible to add custom Components in the InspectorControls to the new “Styles” Tab?
  85. How to implement Mapbox GL JS with a custom Gutenberg block in FSE?
  86. Hard code block with nested block in front-page.html template
  87. Use a custom block inside another custom block
  88. Controlling or disabling Gutenberg editor panning/focus on a custom slider block
  89. Default value for highorder component in Gutenbrg?
  90. How do i create a switch for responsive devices?
  91. wordpress 6.4.2 gutenberg custom block array attributes saving problem?
  92. Are shortcodes now allowed in synced blocks?
  93. How to get block editor block inspector attribute value in my react block
  94. Modifying other core editor panels besides Featured Image in the block editor
  95. Theme.json: styles.typography.FontFamily renders as default font in front end but not editor
  96. Detecting whenever a user types – in the Gutenberg editor, and checking if there is a preceding or succeeding – then converting both to an em dash
  97. Setting “Open in New Tab” for Link Control to be checked by default
  98. Customizing core block toolbars
  99. Oembed is not clickable
  100. Uncaught Error: The entity being edited (postType, undefined) does not have a loaded config
tech