Change padding on Portfolio Page

https://www.louisemcilroy.com/

password: hello

I would like to decrease the padding (top and bottom) on my portfolio pages (https://www.louisemcilroy.com/styling/parq-magazine) to match the padding on the homepage.

I would like to do it for both mobile and desktop.

Thanks in advance 

Hi @louisemcilroy please add below code into the Custom CSS of your website.
 

.collection-layout-default .gallery-masonry {
    padding: 3.3vw 6vw !important;
}

Thank you @heyawaiszahid it worked perfectly for the desktop site, but for mobile it has increased the padding around the entire image. Do you have a fix for this to ensure the padding is consistent across both pages (homepage and portfolio) on both desktop and mobile?

Hi @louisemcilroy it looks like some additional margin is added to the gallery for mobile. Please comment/remove the below code or change it from 20px to 0px;

@media screen and (max-width: 767px) {
    .gallery-masonry {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
}

Thanks @heyawaiszahid now somehow the padding on the homepage has shifted 😕 Can you see the cause?

The padding seems to be different between mobile and desktop on a lot of the portfolio pages. can you help me pin point which code changes which?

You are welcome @louisemcilroy I noticed that the padding on all sides (top, bottom, left, right) appears consistent on mobile devices for both the homepage and inner styling page. I've attached screenshots for reference. Could you please record a video or take screenshots where you see it different.