[Support request] Spacing issues with blog

Home Forums Support [Support request] Spacing issues with blog

Home Forums Support Spacing issues with blog

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #2268598
    Gabriel

    I recently noticed that the spacing between blocks on my blog is pretty uneven. When I disable Gutenberg the issue with spacing between images on my blog is resolved and there is a gap between the images again, but there is still no gap between galleries. I use image blocks, gallery blocks, and tiled gallery blocks as the visual pieces of my blog posts. Ideally the spacing would be even between all the images. Any idea how I might achieve this?

    http://harberphotography.com

    #2268610
    Leo
    Staff
    Customer Support

    Hi there,

    Is there a specific page and section I should be looking at?

    The home page is all built with Elementor.

    #2268617
    Gabriel
    #2268620
    Leo
    Staff
    Customer Support

    Is there a specific section I should be looking at there?

    Can you clear and disable your caching plugin(s) first?

    #2268641
    Gabriel

    I have cleared and disabled my caching plugin (comet cache).

    You can see the issue I am referring to on any of my blog posts.

    In https://harberphotography.com/a-colorful-rancho-nicasio-wedding-in-west-marin/ post, there is no gap between the full size images (unless I disable Gutenberg). There are also no spaces between galleries of 2 images (two smaller images placed next to each other). Hope this makes sense.

    gabriel

    #2268673
    Fernando
    Customer Support

    Hi Gabriel,

    I see. If that’s the case, may we know if there’s any reason why you need the Gutenberg plugin? WordPress already uses Gutenberg by default. If you try disabling the plugin, does anything break in your website?

    Alternatively, you can try adding this CSS in Appearance > Customize > Additional CSS to add the supposedly default bottom margin of WP Image Blocks:

    .wp-block-image {
        margin-bottom: 1em;
    }

    Hope this helps! Kindly let us know how it goes.

    #2269428
    Gabriel

    I am using 3 blocks – tiled galleries, standard galleries, and image blocks. Is there a way of keeping the gap between the different blocks consistent? Disabling the Gutenberg plugin only solves one issue. The other issues remain (the fact that there is no gap between one gallery and another or one gallery and an image block and the inconsistent gap width between dissimilar blocks). Not sure if this is an issue that I need to take up with WordPress or if you have a solution.

    Thanks,

    Gabriel

    #2269523
    Leo
    Staff
    Customer Support

    I am using 3 blocks – tiled galleries, standard galleries, and image blocks.

    It’s not very easy to manage them like this.

    Have you considered using a gallery plugin like Envira?

    The tiled one looks to be coming from Jetpack as well:
    https://www.screencast.com/t/RVTWmlgE

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