Full width (shop page only)

Hello,

I'm looking to have my shop page full width, or at least as wide as my home page. But despite trying a number of code suggestions nothing has worked. Can anybody help?

krismiklos.com

you need like 2nd image example ?

@KrisMiklos Have you tried adjusting the Spacing of the site under Site Styles? Click the paintbrush icon in the top right, then click Spacing, and adjust from there. 

@justin.mabee thanks for responding - the flatiron template doesn't seem to have anything that applies under spacing: 

4 hours ago, paramjeet.kour08 said:

you need like 2nd image example ?

Hi Paramjeet! What do you mean sorry?

12 hours ago, KrisMiklos said:

Hi Paramjeet! What do you mean sorry?

which squarespace version you use?  

1 hour ago, paramjeet.kour08 said:

which squarespace version you use?  

Version 7.0 with Flatiron template 🙂

@KrisMiklos Apologies, I forgot you were on 7.0. I did check a few searches but wasn't able to figure out the issue, I'm sorry! The site width is only available on 7.1. Might be a reason to rebuild your site in 7.1? It'll give you some more freedom to do things like this.

Try adding this to Website Tools (under Not Linked) > Custom CSS

body[class*="type-products"].view-list section#container {
    max-width: 100% !important;
}

19 hours ago, tuanphan said:

Try adding this to Website Tools (under Not Linked) > Custom CSS

body[class*="type-products"].view-list section#container {
    max-width: 100% !important;
}

 

Beautiful. I am in awe of your coding knowledge. I have one more question actually; I have the following code to add some spacing to my homepage: 

/* Main content padding */
div#grid {
    margin-left: 50px !important;
    margin-right: 35px !important;
    width: calc(~"100% - 70px") !important;
}

.homepage #grid .item a {
   width: 97%;
   height: 97%;
}    

Is there a way to add this spacing to another page as well, not just the home page? The second page is the same layout and grid so just need to know how to apply the above again