Website with several stores: Centering Products on of them without impact others

JulieStamenic · September 5, 2023

Hi everyone
Could anyone help me get the products on this page Atelier Photographie Luxembourg — Julie Stamenic | Photography & Inspiration more centered?
I am using several stores across the website and the others have at least 4 products so it looks nice.
This store however only offers 2 options...

I'd like to have a code that wont impact my other stores.
Many thanks
Julie

Ziggy · September 5, 2023

Try adding this to Custom CSS:

@media screen and (min-width: 768px) {
  #collection-64f5f9a1699cb7413e6857b0 {
    .products.collection-content-wrapper .list-grid {
      margin: auto;
      display: grid;
      grid-template-columns: repeat(2,minmax(0,1fr)) !important;
      max-width: 800px;
    }
  }
}

JulieStamenic · September 5, 2023

Works like a charm.
A huge thanks Ziggy !!!

Ziggy · September 5, 2023

37 minutes ago, JulieStamenic said:

Works like a charm.
A huge thanks Ziggy !!!

No problem, happy to help, thanks for the likes!

Website with several stores: Centering Products on of them without impact others

Recommended Posts

JulieStamenic

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

Ziggy

JulieStamenic

Ziggy

Ziggy

Link to comment

JulieStamenic

Link to comment

Ziggy

Link to comment

Create an account or sign in to comment

News

Ziggy

JulieStamenic

Ziggy

Events

Circle Day

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources