How do I add more than 6 columns to a gallery block?

Site URL: https://www.wellputryan.com/en/services

Password to the site is hello123

I am on a personal plan and cannot inject custom code to the header. I need to use a code block.

I want to override Squarespace's maximum column limit of 6 so that all 8 logos are on one line. Can anyone help with the CSS for that? And where should I put the code block so it doesn't make the text look bad? Bottom of the page?

Thank you!

6 minutes ago, RyanZhuo said:

Site URL: https://www.wellputryan.com/en/services

Password to the site is hello123

I am on a personal plan and cannot inject custom code to the header. I need to use a code block.

I want to override Squarespace's maximum column limit of 6 so that all 8 logos are on one line. Can anyone help with the CSS for that? And where should I put the code block so it doesn't make the text look bad? Bottom of the page?

Thank you!

try

section[data-section-id="606c4eff9e0ee4089fd0006b"] .gallery-grid-wrapper {
      grid-template-columns: repeat(8, 1fr) !important;
}

On 4/12/2021 at 8:51 PM, RyanZhuo said:

Site URL: https://www.wellputryan.com/en/services

Password to the site is hello123

I am on a personal plan and cannot inject custom code to the header. I need to use a code block.

I want to override Squarespace's maximum column limit of 6 so that all 8 logos are on one line. Can anyone help with the CSS for that? And where should I put the code block so it doesn't make the text look bad? Bottom of the page?

Thank you!

Squarespace 7.1 brought gallery block back!, so you can add up to 10 column!

@tuanphan @bangank36 I can do custom code and would love to get 8-10 images in a row (on a standard desktop) but gallery blocks seem to max out at 6.  have you had any success with custom code to change this?

@therisejourney you can add 6 then we will use code to increase this limit

I am trying to edit multiple galleries at once but am only able to edit one of them here is the code I am using:

section[data-section-id="61e332e238ef86106799c556"] .gallery-grid-wrapper {
      grid-template-columns: repeat(14, 1fr) !important;

section[data-section-id="61e32a19b0a6b3288a64fda7"] .gallery-grid-wrapper {
      grid-template-columns: repeat(7, 1fr) !important;
  
section[data-section-id="61e3274505a42f2bec110cdf"] .gallery-grid-wrapper {
      grid-template-columns: repeat(7, 1fr) !important;
  }}}

https://splashtext.art/collections/a-thiefs-thesis

On 1/16/2022 at 8:59 AM, splashtext said:

I am trying to edit multiple galleries at once but am only able to edit one of them here is the code I am using:

section[data-section-id="61e332e238ef86106799c556"] .gallery-grid-wrapper {
      grid-template-columns: repeat(14, 1fr) !important;

section[data-section-id="61e32a19b0a6b3288a64fda7"] .gallery-grid-wrapper {
      grid-template-columns: repeat(7, 1fr) !important;
  
section[data-section-id="61e3274505a42f2bec110cdf"] .gallery-grid-wrapper {
      grid-template-columns: repeat(7, 1fr) !important;
  }}}

https://splashtext.art/collections/a-thiefs-thesis

You can combine

section[data-section-id="61e332e238ef86106799c556"] .gallery-grid-wrapper {
      grid-template-columns: repeat(14, 1fr) !important;
}
section[data-section-id="61e32a19b0a6b3288a64fda7"], section[data-section-id="61e3274505a42f2bec110cdf"] {
.gallery-grid-wrapper {
      grid-template-columns: repeat(7, 1fr) !important;
  }
}

Hello @tuanphan could you help, please? I want to add more columns to my gallery. do i use the same code as above, but change the data-section-id?

https://penguin-blue-jseg.squarespace.com/

Thanks

On 11/21/2023 at 12:23 AM, Romer said:

Hello @tuanphan could you help, please? I want to add more columns to my gallery. do i use the same code as above, but change the data-section-id?

https://penguin-blue-jseg.squarespace.com/

Thanks

 

You mean for Unsere Partner logos?

@tuanphan Oh no. I was trying something different.  I want to add more columns to a simple gallery. I am restricted to 6 columns.

On 11/23/2023 at 11:15 PM, Romer said:

@tuanphan Oh no. I was trying something different.  I want to add more columns to a simple gallery. I am restricted to 6 columns.

 

We need to use code to increase more columns. Which gallery are you referring to? We can give code to do this

@tuanphan  I want this gallery to have more than 6 columns. What code needs to be added? Thanks

On 11/27/2023 at 3:53 PM, Romer said:

@tuanphan  I want this gallery to have more than 6 columns. What code needs to be added? Thanks

All Gallery Grid Simple on your site or gallery on specific page? If specific, can you share url? If all, let me know, I will give code

Hello, @tuanphan.  Just the specific grid on page. section[data-section-id="6564581a43ba8403985922d5"]

https://www.roemerwildberger.com/

penguin-blue-jseg.squarespace.com

On 12/6/2023 at 7:13 PM, Romer said:

Hello, @tuanphan.  Just the specific grid on page. section[data-section-id="6564581a43ba8403985922d5"]

https://www.roemerwildberger.com/

penguin-blue-jseg.squarespace.com

 

I don't see this section section[data-section-id="6564581a43ba8403985922d5"] on the page

Can you take a screenshot? Maybe your id is incorrect

57 minutes ago, tuanphan said:

I don't see this section section[data-section-id="6564581a43ba8403985922d5"] on the page

Can you take a screenshot? Maybe your id is incorrect

@tuanphan The section is hidden at the moment. Does that change anything?

15 minutes ago, Romer said:

@tuanphan The section is hidden at the moment. Does that change anything?

Use this CSS code, you can adjust number 8

/* Gallery logos */
@media screen and (min-width:992px) {
section[data-section-id="6564581a43ba8403985922d5"] .gallery-grid-wrapper {
    grid-template-columns: repeat(8,1fr) !important;
}
}