Twentig breaking the Image Gallery alignment ? (adds extra space)

  • Resolved chris1030

    (@chris1030)


    1 year, 9 months ago

    Hello
    I just love Twentig and have been using it for a while. Such a nice tool.

    I am now running my site under the Twenty Twenty-Three theme and notices that Twentig is somehow adding an additional space around (after ?) galleries, –which breaks the alignment when you stack several galleries.

    I have simply activated the Twentig plugin, I have NOT used it to format the gallery or the image. Actually, I have not even used any Twentig options at all on this site yet. The described behavious happens when I simply activate the plugin, and I am using the default Twenty Twenty-Three theme (no customization nor child theme).

    See attached screens, this will be clearer.
    https://drive.google.com/file/d/1paD9vIjfpX7Is40zgxZ4BFrc7RFsI4iv/view?usp=sharing

    My gallery example is made of these 3 items stacked :

    • Gallery #1 (1 image)
    • Gallery #2 (3 images)
    • Gallery #3 (1 image)

    –If I do not activate Twentig, all the image have the exact same gutter/margins vertically and horizontally. This looks nice and even.
    –If I simply ACTIVATE Twentig, this somehow adds and extra space between Gallery #1 and Gallery #2.
    Why ?

    Any help to fix this behavious would be appreciated. Thanks.
    Christophe

    See the image here : https://drive.google.com/file/d/1paD9vIjfpX7Is40zgxZ4BFrc7RFsI4iv/view?usp=sharing

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Yann

    (@collet)

    Hi Christophe,

    Thanks for your kind words, glad you love Twentig.

    Indeed, by default Twentig adds some spacing adjustments (padding and margins) to make it easier to build pages. If you want, you can disable this option by going to Appearance > Editor > Twentig Styles. For more info, please see our guide.

    However, if you want to use our adjustments and fix only the spacing between two consecutive galleries, you can add some CSS. Inside the Additional CSS panel of the Customizer, add the following code.

    body .wp-block-post-content > .wp-block-gallery + .wp-block-gallery { 
	margin-top: var(--wp--style--block-gap);
}

    Please see our guide to see how to add custom CSS.

    Hope that helps,
    Yann

    Thread Starter chris1030

    (@chris1030)

    Thank you for your quick feedback, Yann.

    I just tried this additional CSS and… it works !!! Wonderful. My stacked galleries are now aligned as expected. Me happy.

    Thank you very much. Christophe

    Plugin Support Yann

    (@collet)

    Thanks for the heads-up, glad it works.

    Would you mind leaving us a quick review on our plugin page? This allows us to continue providing great features and helps other users to find us. ??

    Have a nice day, Yann

    Plugin Support Yann

    (@collet)

    Thank you very much ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Twentig breaking the Image Gallery alignment ? (adds extra space)’ is closed to new replies.