Jump to content

Wanting to centre second row of gallery - only on desktop

Go to solution Solved by sayreambrosio,

Recommended Posts

Hi There,

I have made a gallery block, but as I have an off number of logos in it, I can't choose an option to have them stacked easily.  By default, the gallery looks like this:

 

image.thumb.jpeg.7069ac7caa509d7d6103b6bbc31cb807.jpeg

 

My question is, how do I get the second row to sit like this below (centred underneath the top row):

image.thumb.jpeg.eb7ee5d2e21bfbb465da6566e9226abe.jpeg

I am a bit stumped.

A lot of my client's clients will be viewing the website in the workplace on desktop.  So I am wanting to achieve this for desktop, the default would be fine for tablet and mobile.

Best regards,

Bookie

 

 

Link to comment
  • Solution
On 11/24/2022 at 12:36 PM, Bookworm said:

Hi There,

I have made a gallery block, but as I have an off number of logos in it, I can't choose an option to have them stacked easily.  By default, the gallery looks like this:

 

image.thumb.jpeg.7069ac7caa509d7d6103b6bbc31cb807.jpeg

 

My question is, how do I get the second row to sit like this below (centred underneath the top row):

image.thumb.jpeg.eb7ee5d2e21bfbb465da6566e9226abe.jpeg

I am a bit stumped.

A lot of my client's clients will be viewing the website in the workplace on desktop.  So I am wanting to achieve this for desktop, the default would be fine for tablet and mobile.

Best regards,

Bookie

 

 

Add this to the CSS section of the site.

// Center Last Images - Grid Gallery Block //

.sqs-gallery-block-grid .sqs-gallery-design-grid {
  flex-wrap: wrap !important;
  display: flex !important;
  justify-content: center !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.