Support » Plugin: Gutenberg » Wide width images

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi @lauratraveler

    You can use CSS code to change image width to 100%, however, how this will be displayed on the front end depends on where the images are currently placed. For example, the width of an image within a column, row, or group block is controlled by these parent blocks.

    You can add the CSS code below to the Additional CSS section which can be found by opening yoursiteaddress/wp-admin/customize.php

    .wp-block-image img {
        width: 100%;
    }

    Let me know if the above helps

    Thread Starter lauratraveler

    (@lauratraveler)

    Thanks, @thelmachido Unfortunately, I’ve already tried this but it doesn’t make images placed in image block wide width. It just makes them 100% of the container. What I’m looking for is for image blocks to have alignwide class applied to them, such as
    <figure class="wp-block-image alignwide"

    I see, are you able to share a link to a page with one of the images you want to make wide width?

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.