Customising Gallery Grid

  • Resolved zer0blok

    (@zer0blok)


    4 years, 12 months ago

    Hi,
    I’d like to change the appearance of the gallery grid in my child-theme so that the vertical white-gap matches the horizontal white-gap. In other words, i’m trying to make the vertical and horizontal gaps equal.

    I’ve used the following css to remove the default border, in case this is relevant, though it doesn’t seem to be.

    .gallery img {
    border: none !important;
    }

    I haven’t been able to identify the right css using Inspector. Any help /pointers to the right css to manipulate the gaps is appreciated.

    Regards.

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

Viewing 2 replies - 1 through 2 (of 2 total)

  • This does the trick for the page you linked to. 

    
.site-content .gallery .gallery-item { margin-bottom: 1.5em; }

    Use the code in Appearance > Customize > Additional CSS

    Thread Starter zer0blok

    (@zer0blok)

    @paulwp

    Worked a treat. Once i knew the right css i was able to play with different gap-widths on the horizontal and vertical and have got it as i wanted, thanks:

    .site-content .gallery .gallery-item { 
	margin-bottom: -0.6em;
margin-right: -1.9em;
}

    Regards
    ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Customising Gallery Grid’ is closed to new replies.