All things Shopify and commerce
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.
Solved! Go to the solution
This is an accepted solution.
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 </body> tag
<style>
.blog-post-detail .featured-image {
text-align-last: center !important;
}
</style>
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
This is an accepted solution.
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.
Hi @annarudd303
You can add below CSS to article.css to make the image center aligned
.featured-image {
text-align: center;
}
Hi Rishi,
Thank you so much for the quick response, should I paste this on to the main CSS or different?
thank you
This is an accepted solution.
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.
Thank you Rishi.
Your way also sort out the issue.
Cheers
This is an accepted solution.
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 </body> tag
<style>
.blog-post-detail .featured-image {
text-align-last: center !important;
}
</style>
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Thank you so much Moeed for this detailed guideline.
it sort out my issue.
cheers.
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.
Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024The Hydrogen Visual Editor is now available to merchants in Shopify Editions | Summer '...
By JasonH Sep 2, 2024Note: Customizing your CSS requires some familiarity with CSS and HTML. Before you cust...
By JasonH Aug 12, 2024