Gutenberg image block align wide and full stopped working on 2.5.5

  • Hi

    Setting Gutenberg image block to align full or align wide stopped working after updating the theme to 2.5.5. Image block is restricted to the content width. Other blocks seem to be able to use align wide and full. Is this by design or is it a bug?

    This could be the same problem as in this GitHub: https://github.com/woocommerce/storefront/issues/1270

    Is there any css-tweak to get align wide images working again on pages as we use them quite lot? Thank you for your help.

    The page I need help with: [log in to see the link]

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

  • Use the cover block instead of image.

    Do I believe it is better, or is there a reason to use an image?

    I recommend that you review this.

    If you have a reason and want to continue, I managed to make this CSS for mobile:

    @media screen and (max-width:500px) {
img.wp-image-2752 {
  margin-left: -1.4em !important;
  margin-right: -1.4em !important; 
  width: auto !important;
  max-width: none !important;
}
}

    Is your theme updated as well?

    The staff will help you better.

    Thread Starter robertdoge

    (@robertdoge)

    Thank you for your answer. I will change desktop images to cover block for now.

    However, I would prefer using images as there is no way (that I know of) to control the vertical cropping of the cover block. Also using images as an element background remove them from standard browser UX, search engines and some social media platforms.

    Using image specific CSS-rules is not very good practice in the long run, as every time we use wide align we would have to add more styles. Would prefer it to work as it is supposed to.

    The theme is updated, Gutenberg is up to date.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Gutenberg image block align wide and full stopped working on 2.5.5’ is closed to new replies.