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.
Topic summary
Main issue: Center the featured image on a Shopify blog article where the image renders as inline/inline-block.
-
Proposed fix: Add a CSS rule to center the image: using a selector like .featured-image { text-align: center; }. This centers inline/inline-block elements by aligning them within their parent container.
-
File placement: While it can go in the main CSS, the recommendation is to place it in article.css to keep article-specific styles organized and easier to maintain.
-
Alternative path: Another contributor provided step-by-step instructions to add code via theme.liquid (Online Store > Edit Code > theme.liquid > insert before ). Although the exact snippet wasn’t shown in the post, the approach reportedly worked for the requester.
-
Outcome: The original poster confirmed both methods resolved the centering issue. No further action items; discussion resolved.