How can I center align images on my gallery page?

[jessicaivyart]

Hi, I hope someone could help me change the alignment of my gallery images.

I am a pet portrait artist and I am trying to create a gallery page showcasing past pet portrait commissions. I am currently using the Louis-v1-0-0 theme, the template selected by a web designer I hired to create my website. I am updating my website without their help but need help finding the coding side of things. I have tried to centre the alignment of my images by following the instructions on the community board here but no luck. The images remain left-aligned.

Here’s is what my current code looks like

Link to my page is: https://www.jessicaivy.ie/pages/gallery

Any suggestions are greatly appreciated!

[PageFly-Kate]

Hi @jessicaivyart

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:

Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/vendors.css->paste below code at the bottom of the file:

@media (min-width: 1200px) {
 .container{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
 }
}

Hope my answer will help you.

[GemPages]

Hi @jessicaivyart ,

Glad to support you today.

You can check out my suggestion below to get your concern resolved:

1. Go to Edit code on Online Store:

2. add my code above the tag on Theme.liquid:

{% if page.url contains 'gallery' %} 
	
{% endif %}

Eg:

I hope you find the answer helpful.

Kind & Best regards,
GemPages Support Team.