• Resolved zoedbyrne

    (@zoedbyrne)


    Hello!

    I am using the default Gallery option found when adding media to a page. I’ve created a simple gallery of thumbnails which link to child pages that showcase my work for different projects. But I can’t seem to figure out how to center the entire gallery on my “Works” page (and yes, the page is in the Full Width Page template) – https://zoebyrne.com/works/

    I’ve changed the amount of columns to see if that changes it, and it doesn’t. I’m using the Sela Theme, and I like their Grid Page option as well to display the child pages. But in order to have a picture “thumbnail” you have to set a featured image, and when ON the child page, I would prefer not to have the featured image shown. If there’s a way to disable that, I would consider going that route.

    Any tips would be greatly appreciated!

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

    (@sacredpath)

    Automattic Happiness Engineer

    Hi there, the gallery is actually full width of the content area, but the individual images are set in the them to show at 21%. We can increase that to 24% and make things centered. The individual items get a touch bigger. See what you think.

    .gallery-columns-4 .gallery-item {
        max-width: calc(24%);
    }

    If you have not yet done so, I would suggest creating a child theme so that any customizations you make will not be overwritten by a future theme update. Alternately you can use the Edit CSS function in the Jetpack plugin, or use one of the other Custom CSS plugins that will keep CSS changes from being overwritten.

    Child Themes
    Child Theme creation plugins
    Jetpack plugin
    Custom CSS plugins

    Thread Starter zoedbyrne

    (@zoedbyrne)

    Yes, that worked! And I have been using the “Edit CSS” option from Jetpack, so hopefully that is a safe bet.

    Thank you so much!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Gallery Not Centered in Sela Theme’ is closed to new replies.