[Resolved] Site Library theme Pixel: unwanted padding of gallery

[J]

Situation:

• Fresh installation of the Pixel theme from GeneratePress’ Site Library
• The page /surfing shows by default a beautiful gallery full page width.
• Then I added a second gallery on the same page, just below the default one.

Problem: The page with the two galleries now gets unwanted left padding. Adding the class ‘full-width-gallery’ to the second gallery doesn’t help.

Note: The gallery on the page /beaches is shown normal. Full width.

Question: What did I do wrong? How can I add a gallery that is shown full width

[Leo]

Hi there,

I actually see some left margin on both galleries.

Try this CSS:

ul.blocks-gallery-grid {
    margin-left: 0;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know if this helps 🙂

[J]

Thanks for your response, Leo.

Somehow the gallery lost al of its padding.

This CSS does the trick:

ul.blocks-gallery-grid {
    margin: 15px 15px 15px 15px;
}

[Leo]

Awesome 🙂

Glad you’ve figured out!

[Author]

Posts