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. Style priority in theme.json
  63. How to add a class to a core block in both admin editor and frontend?
  64. How to force Gutenberg to follow all custom CSS styling in preview?
  65. Disable WP-Elements Class Creation (Gutenberg)
  66. Block editor: can’t change format of inline code blocks
  67. grid overlapping problem
  68. CSS Selector to override default theme.json custom properties in theme stylesheet
  69. How to get these two divs side-by-side?
  70. Float a div above page content
  71. How can I horizontally align my divs?
  72. background-size: cover not working?
  73. CSS – display: none; not working
  74. Is there an opposite to display:none?
  75. font-weight is not working properly?
  76. What is the correct way to enqueue multiple CSS files?
  77. How to implement different color schemes in your themes
  78. @font-face doesn’t work
  79. How to target first img in every wordpress post with CSS [closed]
  80. How to change Parent Themes in Child Theme CSS
  81. Set Image width=’x%’ (percentage width not pixel width) when inserted via the media manager?
  82. Enable specific CSS Code for Visitors and specific Roles
  83. Do not change the order of the tags in the editor
  84. WordPress on localhost working, when sharing IP to connect receive err_connection_refused on .js and .css files
  85. Can’t remove WordPress post image height/width attributes?
  86. style.css doesn’t load on the home page when front-page.php activated (using stock theme)
  87. WordPress address URL and bloginfo
  88. Is there a way to add new div class via a theme’s Additional CSS interface?
  89. Long post titles don’t move to next line
  90. How to not load stylesheet and how to load a second stylesheet on a page
  91. Can’t find a tag to style
  92. Custom CSS on mobile
  93. Removing Image Links from Custom Post Type
  94. Add inline CSS to login page with wp_add_inline_style
  95. Change image using only CSS [closed]
  96. theme RTL make big white space in mobile mode and you need to scroll to see the site
  97. How can I override an existing custom CSS rule for a specific page
  98. Style tag on wp_footer
  99. Outputting the blogposts or the_content()
  100. Twenty Twelve theme: remove margins