How can I center my blog's featured image?

Shopify Discussion
1

hi

I am trying to centralize my blog featured image, but it is not happening.

https://maximsports.com/blogs/news/aches-pains-5-herbs-to-get-your-body-flowing-again

How to make it center, when it says inline-block.

2

Hi @annarudd303
You can add below CSS to article.css to make the image center aligned

.featured-image {
  text-align: center;
}
3

Hey @annarudd303

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 tag

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

Best Regards,
Moeed

4

Hi Rishi,
Thank you so much for the quick response, should I paste this on to the main CSS or different?

thank you

5

Yes you can paste it in main CSS but as you can see the article.css article CSS is meant for articles page so adding the CSS on specific CSS file will maintain the proper CSS code and also easily manageable if you have any changes in the future.

6

Thank you so much Moeed for this detailed guideline.

it sort out my issue.

cheers.

7

Thank you Rishi.
Your way also sort out the issue.

Cheers

8

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.