Classic Block photo alignment ignored in block editor

  • I am working on updating a large site with thousands of posts written using the classic editor to the twenty twenty three theme using the site editor. But even though images are aligned correctly within the Classic Blocks, they appear in-line on the site.

    What it looks like in the Classic Block (and on the previous theme based on Twenty Twenty Ten):

    What it looks like on the page in twenty twenty three:

    I’m very novice at CSS and brand new to the block editor. So my questions are two-fold: Is this a bug I should report? And in the meantime, is there some custom CSS or some other fix to resolve the problem. Because there are thousands of posts, going one by one and turning them into blocks is not a great option. Thank you!

    WP version 6.1.1 fresh install, twenty twenty three v1.0 and Gutenberg Plugin (behavior is the same with Gutenberg plugin disabled).

Viewing 1 replies (of 1 total)
  • Moderator bcworkz

    (@bcworkz)

    You don’t need the Gutenberg plugin unless you’re helping to further develop it. The stable version is built into recent WP versions.

    Different theme’s apply different CSS, which can result in page layouts changing.

    There are often image settings in the editor that help you manage which side to justify to and whether to word wrap or not. See what you can manage through the editor before trying to apply custom CSS. Before resorting to custom CSS, consider asking for suggestions in the dedicated support forum for 2023 theme.

    There are a number of ways to achieve word wrap with CSS, this suggestion may not be compatible with your current theme. Apply or alter a width: property for the image or its immediate container. Use a fractional width expressed by %. Also apply float: right;. Use your browser’s element inspector tool to determine which element to address and to try out these rules.

    When you’ve found the right rules in the tool, copy the selectors and applicable rules to the Additional CSS customizer section. This section may be hidden by default. Adding this code to functions.php should reveal it:
    add_action('customize_register', function($manager) {}, 10,1);

Viewing 1 replies (of 1 total)
  • The topic ‘Classic Block photo alignment ignored in block editor’ is closed to new replies.