Theme: Reveal. photos not centering using Jetpack Carousel grid view

  • wpforum

    (@wordpressorgforum)


    10 years, 7 months ago

    How can I get the images to center vertically and horizontally in the
    project/page using Jetpack Carousel grid view.

    On https://dev.nataliebork.com/projects/glance/ – the images align top and left by default.

    This is how it should look – https://michelnafziger.com/projects/west-10-st-book/

    I have tried the following two options below in the child style.css, but neither seems to work.
    ————-

    #gallery {display: inline-block; vertical-align: middle; margin: auto; line-height: 260px;}

    ————-

    #gallery .gallery-item { display:inline-block; vertical-align:middle } /* remove float property */

the next ones are the same. Choose one of them:

#gallery img { display:inline-block; } /* add property */
#gallery img { display:block; margin:0 auto } /* add properties */

    ———–

Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Theme: Reveal. photos not centering using Jetpack Carousel grid view’ is closed to new replies.