Wordpress gallery dimensions on mobile embedded in post

[whitelobster11]

Hello

This post features a basic Wordpress image gallery that is set to have rows that are 7 images across when viewed on desktop

Stacks 1

On mobile it behaves responsively and adjusts to show rows that are only 1 or 2 images wide to maximize the size they are displayed at

I would like to make them display in a grid that is always 7 images wide regardless of whether viewed on desktop of mobile. What is the easiest way to force the gallery grid to always displays 7 image wide rows across all devices?

Login info below

Thank you so much!!

[basanta]

Hi Jared,

Thanks for writing in!

If you want to make the Gallery always 7 columns please add this CSS to your theme options -> CSS.

.gallery-columns-7 {
text-align: center;
}
.gallery-columns-7 .gallery-item {
    float: none; 
    margin: 10px;
    width: 12%;
    display: inline-block;
}

Hope this works!

If you want to learn about CSS, please check this.

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa

Thanks