Separator Wide Width, Full Width “broke” after 5.8 upgrade

  • After the automatic 5.8 upgrade, all the “full width” separators on my two websites changed to short width (centered). This really changed (i.e., “ruined”) the visual aesthetic I created on both my sites.

    It is still possible to click on a separator and bring up the bar with options (“Change Block Type or Style,” “Drag,” “Move Up/Down,” etc.).

    Clicking on “Change Alignment” still brings up “Align Center,” “Wide Width,” “Full Width.” When “Wide” or “Full” width is selected, nothing happens; the Separator line remains short and centered.

    Is there a fix?

Viewing 9 replies - 1 through 9 (of 9 total)

  • Which theme are you using? It seems like the width of the separator is controlled by the theme. By default, it will only show a short separator though.

    You can override this by adding is-style-wide class name to the separator in some themes. Or add custom CSS to override that globally.

    It looks like the previous way it worked was considered a bug, and in a lot of themes resulted in the editor not matching the frontend. More details here:
    https://github.com/WordPress/gutenberg/pull/30255

    Thread Starter rrrasl

    (@rrrasl)

    I am using the Twenty Twenty-One theme.

    Before the 5.8 upgrade, the site displayed full-width separators; now, neither wide-width nor full-width selections work.

    How to bring full-width & wide-width separators back – use a child theme, perhaps?

    I have “before-and-after” pictures; how do I post them to show the problem? (or are they not needed?)

    Thread Starter rrrasl

    (@rrrasl)

    Kai Hao’s suggestion of adding is-style-wide class name to the separator worked, and did restore the lines to their previous width.

    However, this is only a patch and not a true fix. I say this for 2 reasons.

    (1) The visual editor presents the option of choosing “wide-width” or “full-width” for the separator line. Therefore, the underlying code needs to follow through and display the separator line as selected (wide-width or full-width).

    (2) Put simply, it worked perfectly before the upgrade, so *something* changed to make it not work. Something small was missed in the 5.8 update.

    This can (and should) be fixed; adding code in the code editor every time, as per Kai Hao’s remedy, is not something I’m interested in doing, especially considering reason #1 above.

    Thread Starter rrrasl

    (@rrrasl)

    Wordfence scan yielded this result:

    Old WordPress core file not removed during update: wp-includes/css/dist/editor/editor-styles-rtl.min.css

    Possible this is the culprit for broken Separator width?

    Has there been any news on this issue?
    On my sites all wide separator lines have become double lines ;-(

    Very weird indeed: lines looking fine on the Edit Page, but as soon as (pre)viewed these ugly double lines appear ??
    What happened to WYSIWYG?

    I found a workaround: I changed the Gutenberg ‘Separator’ for a Kadence Blocks ‘Spacer/Divider’ plus a Gutenberg ‘Spacer’ (to adjust for space after).
    Not what I wanted but it works; so far…

    Look here: 6601rs12 ICT Services

    Even better thing to do, add the following to Custom CSS:

    hr.wp-block-separator {
    border-top: unset;
    }

    I am working in Twenty Twenty-One as well. When I look up this issue on line I see videos showing the user selecting the separator, going to Block, then the Style and there is a Wide option. This is a demo at WordPress.com showing how to use the separator block.

    That option does not appear in my (latest) version of Twenty Twenty-One. The only choice is a very narrow centered line. That makes the page look terrible.

    The option of Wide and Full are available through a popup menu. But, as stated above, they do not work.

    Cue the commercial slogan voiceover: Brought to you by WordPress Gutenberg… “You can’t do that in WordPress anymore.”

    • This reply was modified 2 years, 5 months ago by madge22.
    • This reply was modified 2 years, 5 months ago by madge22.
Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Separator Wide Width, Full Width “broke” after 5.8 upgrade’ is closed to new replies.