Horizon blog post- image centering

Store Design
,
1

Hi there! I’m using Horizon 3.1.0 and can’t seem to get the Featured Blog Image to be centered. I’ve tried all of the suggestions posted here before and they don’t seem to be helping for me.

The page in question is – ADropOfOpal with the password Droplet

Thanks in advance for any help! I am very much a beginner with code, so the more detailed the instructions, the better. :slight_smile:

2

Hey @ADropOfOpal

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>
div#shopify-block-AMVJrMVR3QkNmTXpmT__blog-post-image {
    display: flex !important;
    justify-content: center !important;
}
</style>

RESULT:

image
image1484×897 196 KB

If I managed to help you then a Like would be truly appreciated.

Best,
Moeed

3

Amazing- thank you so so much! I’ve been stuck on this for days, and that worked right away!

4

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.

Cheers,
Moeed