Skip to content

Instantly share code, notes, and snippets.

@joemaller
Created January 31, 2026 15:57
Show Gist options
  • Select an option

  • Save joemaller/9b04a0f44314a5c556ad4bbb77fee029 to your computer and use it in GitHub Desktop.

Select an option

Save joemaller/9b04a0f44314a5c556ad4bbb77fee029 to your computer and use it in GitHub Desktop.
Note about WordPress Separator block styles

To enable thicker separator rules while still using theme.json and being able to let authors set the color of the separator, do this:

      "core/separator": {
        "border": {
          "top": {
            "style": "solid",
            "color": "transparent",
            "width": "3px"
          }
        }
      }

Separator colors are applied as backgrounds. Thickness is set by border-top. Setting border-top to a solid, transparent rule extends the separator's size and let's the background color extend under it, creating a solid-color rule whose height equals the border thickness

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment