issue with “Short Line” separator : it displays as wide line….

  • Hello All

    I love Twenty Twenty-Three, but I have a weird issue with the SEPARATOR block.

    The Short Line separator (default) somehow shows correctly in the backend (edit), but on the website (frontend) it does show as a Wide Line (which spans across the whole page). I want a short/narrow line.
    On my website, “Short Line” and “Wide Line” separators give the same output.

    See below images :

    >> BACKEND : narrow line centered on the page —all good !!.

    >> FRONT END (website) : narrow/short line does not show ! ??


    I use the default install of TT3, did not mess with custom CSS, and I disabled all plugins –makes no difference.

    Am I doing anything wrong ?
    Any idea how to fix this ? (I find the full width separator a bit bland, and would prefer the narrow short line…

    I would appreciate any suggestions. Thanks, Christophe

    • This topic was modified 1 year, 9 months ago by chris1030.
Viewing 2 replies - 1 through 2 (of 2 total)

  • It seems some of the CSS for the separator is missing from the frontend.
    I’m not sure if this is due to the theme or core WordPress.

    In any case, this custom CSS will fix it for the frontend:

    .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
  width: 100px;
}

    You can access the Additional CSS section of the old style customizer by adding /wp-admin/customize.php to the end of your site URL.

    Thread Starter chris1030

    (@chris1030)

    Thank you for your quick reply (–I am impressed !).

    This trick works like a charm. Thanks again.

    Christophe

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘issue with “Short Line” separator : it displays as wide line….’ is closed to new replies.