Customize margin between paragraphs using the Gutenberg Style editor

This is possible if your theme supports full site editing. This is using WordPress 6.1.

  1. From the admin, go to Appearance > Editor.
  2. At the very top of the editor you will see the current template being edited. Click the little dropdown arrow next to that and then “Browse all Templates”.
  3. From the list of templates, click on Single or Page.
  4. Click on the “styles” icon in the top right (looks like a half moon).
  5. In the right hand panel, click on Blocks > Paragraph > Layout.
  6. Click on the paperclip/link icon next to “padding” to allow you to set just vertical spacing without affecting horizontal spacing.

Related Posts:

  1. Forcing reload of editor-style.css
  2. Are there Gutenberg container blocks?
  3. show classes as dropdown in guttenberg`s additional css classes input box
  4. How can I make the wordpress editor apply the selected template?
  5. How to add a class to ul tags created by the WordPress editor Tinymce?
  6. Style new block-editor alignfull class without scrollbars or overflow
  7. How can I insert HTML attributes with an existing TinyMCE button?
  8. What CSS rules are introduced to core blocks through wp-block-styles?
  9. Gutenberg Block Editor Match Admin Styles & Frontend Styles
  10. If I dequeue Gutenberg Stylesheet will that have any effect on WordPress 5.0.1?
  11. is it possible to use post-type as part of a css selector in block editor stylesheet?
  12. Remove WordPress/Gutenberg button styles for ACF blocks
  13. Gutenberg Additional CSS Class without modifying theme?
  14. How to override Gutenberg admin CSS
  15. Efficient way to edit WordPress themes
  16. Is there a filter for editor-style.css file?
  17. Different css rules for TinyMCE and Gutenberg while using add_editor_style()
  18. Can you edit WP gutenberg block css without a plugin?
  19. How to stop Gutenberg from outputting inline CSS for specific blocks?
  20. Enqueue styles in new site editor in WordPress 5.9
  21. create bootstrap columns inside editor group block
  22. Disable File Editing function
  23. Add Custom Alignment Option to WordPress Blocks/Gutenberg
  24. Simple way to add custom class and ids to individual Gutenberg blocks
  25. How can I force the WordPress visual editor to preserve the line breaks after paragraphs?
  26. Implement editor’ CSS on the custom themes
  27. The Global Styles missing
  28. ACF Gut block broke wordpress default style?
  29. Scroll code block instead of wrapping text
  30. Default paragraph block styles just for pages NOT for posts?
  31. Custom CSS in Widget editor (Gutenberg) gets stripped out
  32. Custom Gutenberg color classes naming convention
  33. Adding a new block editor color option to a theme
  34. Stop custom Gutenberg styles taking over other admin bits?
  35. Why can’t blocks be hidden with jQuery?
  36. Gutenberg CSS Issue
  37. Trying to make an image a circle in Gutenberg
  38. What is the cleanest way to shrink Gutenberg Blocks to container width?
  39. Gutenberg Editor: display error with a combination of transform and background-attachment:fixed
  40. Default Gutenberg CSS on frontend
  41. Customizing the CSS for the post/page editor?
  42. Add WordPress Core CSS into editor-style.css
  43. Apply Classes to post text inside editor
  44. Use of CSS classes in editor-blocks.css file
  45. Images at the same vertical position in multiple columns
  46. How do I make my block-editor styles match my front-end styles?
  47. How to define a special character to change the style of my inline code?
  48. Dequeue classic-themes.min.css
  49. Bullet List Indentation not showing up in the wordpress
  50. How can I add a section with a different background color?
  51. Narrow paragraph block aligned to left of “wrapper”
  52. adding additional css classes have no effect within block editor
  53. How do I change search input padding for blockbase child theme?
  54. Insert a group block inside a list item
  55. Bullet points not showing in wordpress
  56. Full Site Editing Non-editble global styles?
  57. Block content rendered with inline CSS. How do I reuse it in a headless setup?
  58. How to add arbitrary custom CSS to a WordPress Block Theme using Site Editor?
  59. How to remove class=”wp-block-heading” from Heading tags?
  60. Gutenberg: where to find style settings
  61. Custom block style not working in the editor
  62. What is WebKit and how is it related to CSS?
  63. Is there a color code for transparent in HTML?
  64. How to override the properties of a CSS class using another CSS class
  65. CSS display: inline vs inline-block
  66. Aligning two divs side-by-side
  67. Is there an opposite CSS pseudo-class to :hover?
  68. Using custom fonts using CSS?
  69. How can I transition height: 0; to height: auto; using CSS?
  70. Display Images Inline via CSS
  71. Why CSS3 Animation is not working?
  72. How to change version of .css in WordPress?
  73. Disable SSL / HTTPS for wordpress
  74. How do I remove specific styles from the parent theme css using the child theme css?
  75. How to load different css file depending on language
  76. Change logo on specific page id using css
  77. Inconsistent `body_class()` function
  78. Adding content in Gutenberg editor
  79. footer disappear on some pages frequently
  80. How to change H1 color only for pages [closed]
  81. How to get an unique identifier for a page/post/category/tag etc.?
  82. Can you change the color of svg icons to the global color I choose from WordPress
  83. After moving my site, sub-menus are not showing [closed]
  84. Theme twentythirteen widget area clearfix
  85. Using categories on navigation bar instead of pages
  86. Superfish and WordPress: Active Color Problem
  87. Elementor – Edit Global Colors Order
  88. the_post layout
  89. How To Remove All Other Plugins CSS
  90. Hot reload failing to update file changes
  91. How can I hide this custom slider while Elementor editing window is open?
  92. style.css not working but customizer additional css does?
  93. Performance hit of Inline CSS
  94. How to disable all css from the theme for a specific post type page
  95. Change WP Child theme CSS for WP Bootstrap Starter Theme
  96. Divi Theme HTML code is different in View Page Source than in the Firefox Inspector
  97. Change Login CSS – Include instead of echo
  98. Creating a custom header
  99. Overide a CSS already loaded
  100. A website built using wordpress, but the articles on the sidebar of this webpage cannot be displayed