Hi :slightly_smiling_face: I am using the testament theme and was wondering if anyone knows how to change the alignment of image gallery or collage sections to be centred to the webpage? It gives you the option for the images to be 25%, 33%, 50% or 100% in width in testament. I like the size 25% a…

@Lisagraphics - remove previous and add this, this will work @media screen and (min-width:750px){ #shopify-section-template--16088029135033__01c9e9aa-531b-4131-bf4a-a4fc3bf9a453 .grid__wrapper.row{display: flex; grid-gap: 0; justify-content: center;} #shopify-section-template--16088029135033__01c9e…

@Lisagraphics - this css is for this particular section and desktop view, please add this and check @media screen and (min-width:750px){ #shopify-section-template--16088029135033__01c9e9aa-531b-4131-bf4a-a4fc3bf9a453 .grid__wrapper.row{display: flex; grid-gap: 0;} #shopify-section-template--1608802…

Hi, Sorry I’m not very good at code, can I confirm I would add this to the gallery.liquid section? Any particular place in that section I need to add it or just at the bottom?

@Lisagraphics - you will have stylesheet.css file add to the end of that file

Hi unfortunately it wouldn’t let me save it before the end schema line and if I save it after that line at the very bottom it just shows up as text on the home page. Does it need to go in the stylesheet.css??

Hi, In the stylesheet it did work, however it overrided the 25% size that I had chosen and made the 3 blocks 3 even sizes. Is there the way to keep the 25% size but just centre the 3 boxes maybe? Thank you for your help :slightly_smiling_face: Lisa :slightly_smiling_face:

@Lisagraphics - remove previous css and update with this one @media screen and (min-width:750px){ #shopify-section-template--16088029135033__01c9e9aa-531b-4131-bf4a-a4fc3bf9a453 .grid__wrapper.row{display: flex; grid-gap: 0;} #shopify-section-template--16088029135033__01c9e9aa-531b-4131-bf4a-a4fc3b…

Hi, I tried to replace it with the above but unfortunately it doesn’t centre the squares :disappointed_face: [Lisagraphics_1-1674617071528.png]

Hi, Still no luck Im sorry :disappointed_face:

@Lisagraphics - it is working, clear history and cache on your end, [suyash1_0-1674617900383.png]

How to centre image gallery or collage section in testament?

Store Design

suyash1 January 25, 2023, 3:38am 12

@Lisagraphics - it is working, clear history and cache on your end,

Topic		Replies	Views
How to centre Gallery element in vintage theme Store Design css	4	45	August 30, 2023
How can I center align images on my gallery page? Store Design design , customizations	2	90	February 9, 2023
How can I center images on my Vantage-themed webpage? Store Design	9	103	July 21, 2021
How can I evenly distribute images on my website? Store Design	10	73	August 3, 2022
How can I center three image blocks on my webshop page? Store Design design , collection-page	9	513	March 23, 2023

How to centre image gallery or collage section in testament?

Related topics