Reducing Padding at Top of Project Section

Hi,

Just wondering if someone can help us reduce the padding at the top of our project section with a custom CSS? We're trying to get the spacing indicated in blue on the attached image to 10px so it matches the horizontal and vertical spacing of the project grid

Thanks,

Justin

Hi @justinecormier firstly, beautiful images and architecture! Love it!

Add this code to your Custom CSS in Design:

#collection-633dd95e6567404bdbd14e79 {
  .tweak-portfolio-grid-overlay-height-small .portfolio-grid-overlay {
    padding-top: 10px;
    padding-bottom: 10px;
 }
}

Hope that helps!

Thanks @Ziggy for the compliment and the CSS code, that did the trick! Really appreciate it!

One more quick question: is there a way to eliminate the left / right padding for the gallery section of each project page (area highlighted in blue on attached image)? We selected full bleed for the gallery images, but there still seems to be space on the sides. If not all good!

Try this in Custom CSS as well:

.gallery-grid-wrapper {
  padding-left:0 !important;
  padding-right:0 !important;
}

Can you mark my post as the solution and give me a thumbs up? Thanks!

You did  it @Ziggy, thanks again for all the help!

We gave you thumbs up, where do you mark the post as the solution? 

I think there's a way as a thread author to mark a post as the solution to show your question had been answered. Thanks!