Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
Kyler

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

Question

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;
}

 

Share this post


Link to post

2 answers to this question

Recommended Posts

  • 0
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; 
}

 

Share this post


Link to post
  • 0

Looks like you figured it out?


Free Squarespace 7.1 Anchor Link and Accordion Plugins available here!

If I replied to one of your questions with code, it was either CSS or jQuery.

To add CSS, go to Design -> Custom CSS

jQuery needs some additional steps. Head here: https://code.jquery.com/ and click on minified, under jQuery 3.x and copy that code into Squarespace.

After you put that code into the code injection section in Squarespace, you can add the code I supplied. The code from me will need <script> added before it and </script> added after it (only for jQuery).

There are two places that you can add the code, one is site wide (adds to all pages). Settings -> Advanced -> Code Injection

The other is for a specific page (adds to one page only). Pages -> Gear Icon next to the page -> Advanced

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...