The Grid - setting image size max

Support
#1

I would prefer to use a “no container” format for my web pages that use The Grid, but I can’t figure out how to limit the size of the grid items/images in a “no container” format. The four columns that I want to see on the desktop version become enormous and fill the entire screen without using a container.

The only way I could figure out how to keep the images the desired size was to use a “container” system for pages like this: https://pinkzebramusic.com/music/

How can I use a “no container” layout and still constrain The Grid so the image sizes will look the same size as they currently look?

Thanks!

#2

Hi There,

Please try adding this custom CSS under Theme Options > CSS:

.page-id-2024 .entry-wrap {
    padding-left: 0;
    padding-right: 0;
}

The 2024 number is your page ID. To find a page/post ID, please take a look at this article:

Hope it helps :slight_smile:

#3

Thanks for the suggestion. Unfortunately it doesn’t seem to work. I tried it on a page that isn’t get much traffic at the moment: https://pinkzebramusic.com/christmas-catalog/

I used this code:
.page-id-3986 .entry-wrap {
padding-left: 0;
padding-right: 0;
}

#4

HI,

To constrain the grid while using a No Container layout.

Please enable Inner Container in your rows.

Hope this helps

#5

Yes! That was what I was missing. Thank you :slight_smile:

#6

You are most welcome!

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.