Jump to content

How can I increase or decrease the page width and site margin of a specific section on my front page.

Go to solution Solved by Kyler,

Recommended Posts

Site URL: https://k2.life

I have about 8 image blocks next to one another. I want to make them so that they stretch out across the whole page section so that they fill in the blank space. If you navigate to my site it is the "Some of Our Recent Customers" section that I am referring to. Here is my current code that at least removes the padding, but I cannot seem to make them fill in the blank space from left to right.

#block-yui_3_17_2_1_1595186156795_32170,#block-yui_3_17_2_1_1595186156795_33500, #block-yui_3_17_2_1_1595186156795_35306, #block-yui_3_17_2_1_1595186156795_39012, #block-yui_3_17_2_1_1595186156795_59689, #block-yui_3_17_2_1_1595186156795_58146, #block-yui_3_17_2_1_1595186156795_56616, #block-yui_3_17_2_1_1595186156795_40813   {
  margin: 0 auto;
    padding: 0px !important;  
  max-width:1900px !important;
}

 

Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

  • Solution
3 hours ago, rwp said:

Looks like you figured it out?

Yes! My apologize I forgot to update my post. 

Here is the code I added to make it work in case any future readers are interested.
 

[data-section-id="5f149bf940592a3871aa45ab"] .content-wrapper {
 max-width:2000px !important;
    padding: 0px !important; 
}

 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.