Gutenburg Image Blocks alignment not working

Viewing 2 replies - 1 through 2 (of 2 total)
  • Shahin

    (@skalanter)

    Hello @afmeckel,

    I fully examined the issue you have raised on this topic and could not see it on my end.

    Please check the custom CSS section on your website about this CSS: https://i.postimg.cc/MGjb5nHD/image.png. If you found this, please remove it and clear all level cache on your website. Then recheck your issue.

    For copy and search it:
    .entry-content .wp-block-image figure:not(.alignfull):not(.alignwide)

    If you didn’t find this, we need to know the steps to replicate that issue. In this case, please provide us with some screenshots or images of the errors you faced step by step in a fresh WordPress?

    Please keep us posted.

    Best Regards

    Thread Starter afmeck

    (@afmeckel)

    Hi @skalanter,

    Thanks for the reply. Those lines of code are indeed included in the custom CSS section. They’re part of a block of code that was given to me by another OceanWP forum moderator to add margins to the sides of Gutenburg image and video/embed blocks in mobile view:

    .entry-content .wp-block-image figure:not(.alignfull):not(.alignwide) {
    margin-left: 10px;
    margin-right: 10px;
    }

    Removing that block of code fixes the centering issue but, of course, also removes the margins. Do you have any suggestions for a margin snippet that avoids the centering issue?

    Thanks again!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Gutenburg Image Blocks alignment not working’ is closed to new replies.