We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Blog posts - images won't center align

Solved

Blog posts - images won't center align

JenniferLashua
Visitor
2 0 1

I am trying to edit out blog post to center align the images.  I have tried clicking both the icons below and selecting the center-align option, but it does not center align the images.  
Our page: https://academixapparel.com/blogs/news/evans-uniform-purchasing-guidelines

Image 6-24-25 at 10.05 AM.jpeg

Accepted Solution (1)

Moeed
Shopify Partner
7764 2082 2568

This is an accepted solution.

Hey @JenniferLashua 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.grid.grid--article {
    display: flex !important;
    justify-content: center !important;
}
</style>

RESULT:

Moeed_0-1750785250335.png

 

If I managed to help then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 4 (4)

Guleria
Shopify Partner
4299 825 1189

Hello @JenniferLashua ,

 

Follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your theme.css file and paste the following code at the bottom:

.grid--article { 
    display: block;
}

 

Regards
Guleria

- Elevate Your Store with Expert Shopify Services. Email: guleriathakur43@gmail.com - Need a quick fix or a tailored customization? I’ve got you covered.
- Looking to enhance your pages? Try GEMPAGES- a powerful drag & drop page builder.
- Let’s make your store stand out. Get in touch today!
- My Apps: Productify Groups – Smart product grouping made easy.

Moeed
Shopify Partner
7764 2082 2568

This is an accepted solution.

Hey @JenniferLashua 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.grid.grid--article {
    display: flex !important;
    justify-content: center !important;
}
</style>

RESULT:

Moeed_0-1750785250335.png

 

If I managed to help then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


JenniferLashua
Visitor
2 0 1

This worked!  Thank you!!

Moeed
Shopify Partner
7764 2082 2568

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications