Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic 🚀

    I’m not sure I understand. Jetpack’s Tiled Galleries do not include any space between images:
    http://i.wpne.ws/fBDh

    Or would you like to remove that line between the images as well? If so, you can add the following to your theme stylesheet, or to your custom CSS editor available under Appearance > Edit CSS in your dashboard:

    #content .tiled-gallery img {
        margin: 0 !important;
    }

    It’s worth noting, though, that the width of each image is calculated with Javascript based on the other images in the gallery. By removing margins, you might consequently change the layout in some cases.

    .tiled-gallery .tiled-gallery-item {
    	border: 20px solid #f9fbfc;
    }
    .tiled-gallery .gallery-group.images-2 .tiled-gallery-item:first-of-type {
    	border-bottom: 0;
    	border-left: 0;
    }
    .tiled-gallery .gallery-group.images-1 .tiled-gallery-item,
    .tiled-gallery .gallery-group.images-2 .tiled-gallery-item {
    	border-left: 0;
    }

    😀
    http://nimb.ws/9VxTim

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Customizing tiled galleries no margin’ is closed to new replies.