How do I increase margin padding on Jasper index pages?

Site URL: https://www.markhilton.me

Hi there (first post!)

After getting feedback on various portfolio review groups, I have increased the padding on all of my pages as well as implementing a max width to increase readability, however, I cannot find an option to do so with the Index page, so the image tiles that lead to case studies still stretch to the edges of the screen. I would like them to align with my menu links similar to how content on the rest of my portfolio behaves.

I appreciate any assistance in this matter.

Hey @generaletrius are you referring the layout on your homepage?

@RyanDejaegher yes, that is correct. I want to add padding to the margins to make those tiles smaller/not reach to the edges of the screen.

@generaletrius you should be able to control that from the Design settings. What's your site width currently set to?

@RyanDejaegher 1200 px. When adjusting it, I see my header content scale but not the tiles.

@generaletrius got it and you were wanting the portfolio to sit flush with the menu?

@RyanDejaegher that is correct.

Hey @generaletrius you can add this to Design -> custom CSS

 

#collection-5cb95182a4222fef09bf59a6 #page {
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 5vw;
    padding-right: 5vw;
}

@RyanDejaegher that worked wonderfully, thank you.

One last question, do you know how to make the padding on the margins for all pages on my site a light grey? After that my portfolio should be finished.