Adjusting spacing for gallery section and overriding site margin

Hello, I'm building my first site and am currently trying to set a clean and even visual spacing on a page.

I specifically want a smaller spacing in an image gallery section that increases the top and bottom spacing around it (not sure if margin or padding) when I modify the overall site margin. I want a large site margin but not such a big margin around the gallery itself which is currently creating a huge gap to my text.

I've tried to visit other forum posts and apply posted CSS codes for similar problems but I could not see any improvement, probably because the site margin is what I need to override in the section? not sure.

Any help on this issue and an explanation for how to set spacing independently from the site margin would be appreciated.

Cheers 🙂

By the way, the password for the site is "helloarchitect"

10 hours ago, Alanthearchitect said:

By the way, the password for the site is "helloarchitect"

But, what is your site url?

Hello! sorry I'm new to the forum so I supposed the URL would be included in the post.

The page I'm referring to is: 

https://alaneskildsen.com/example-project

Thank you, the code you posted worked for what I needed.

One more question regarding this site, I'm trying to do the same but for the page on this specific URL

https://alaneskildsen.com/work/architecture-projects

In this case it is a different kind of gallery, and want to reduce the bottom and top margin/padding of the grid gallery as well.

On 11/12/2022 at 11:56 PM, Alanthearchitect said:

One more question regarding this site, I'm trying to do the same but for the page on this specific URL

https://alaneskildsen.com/work/architecture-projects

In this case it is a different kind of gallery, and want to reduce the bottom and top margin/padding of the grid gallery as well.

 

Hi. Use this code

.gallery-grid.gallery-grid--layout-grid {
    padding-top: 0px;
    padding-bottom: 0px;
}