Inconsistent image size in grid

  • I am getting inconsistent image sizes and I cannot work out why. I have made two grids on two different pages that I thought I had set up the same.

    I want it to look like the one on.
    yorkshirecoastfamilyfriendlyfishing

    The images are smaller on the link I gave you.

    The code is slightly different
    The older Grid I did and that i want has this between the image block

    <div class=”wp-block-image”><figure class=”aligncenter size-medium”>Yorkshire coast holiday cottage</figure></div>

    The page I have given you the link to has smaller images and uses figure not div??

    <figure class=”wp-block-image size-medium”>Yorkshire coast holiday cottage</figure>

    Any ideas as to what I have done differently/wrong

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Andrea Gandino

    (@andg)

    Hi @johnbrid,

    we have tested the WordPress core image block on our local installs, and WP 5.3 indeed outputs the <figure class="wp-block-image size-medium">...</figure> markup.

    It is possible that the markup generated by the core image block has been changed over time, since Grids doesn’t interfere with the markup that is generated by blocks contained in columns/areas.

    My best guess is that perhaps WordPress itself used to output a different markup in a previous version.

    Thread Starter johnbrid

    (@johnbrid)

    Hi Andrea
    Thanks for the quick reply. Nothing I had done differently then. That is weird but would explain it.
    I have solved it by copying the div code to replace the figure code and the image is then bigger filling the column. I assume that is not going to cause any problems.
    John

    Thread Starter johnbrid

    (@johnbrid)

    Hi Andrea
    Just been looking up figure. Looks like it has default margins built in. Explains the smaller image.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Inconsistent image size in grid’ is closed to new replies.