Centering An Image Within A Post

  • 1
  • Question
  • Updated 9 years ago
  • Answered
Image Location

When i uploaded an image and put it into the text field of a post i tried to center it . Then going to Blog manager and preview the image appears centered . But when actually posted the image has shifted to the left . I must be doing something wrong ? :-)
Photo of Alan

Alan

  • 55 Posts
  • 0 Reply Likes
  • curious

Posted 9 years ago

  • 1
Photo of Emmy

Emmy

  • 5892 Posts
  • 299 Reply Likes
Hello Alan,

Can you please tell me your url and let me know which post you are having this problem with so that I can take a closer look.

Thanks,
Emmy
Photo of Alan

Alan

  • 55 Posts
  • 0 Reply Likes
Emmy

The site is unpublished but listed as 2012 so i presume will publish as 2012yolasite.com ? Related to article about Crystal Skulls .
Photo of Emmy

Emmy

  • 5892 Posts
  • 299 Reply Likes
Hello Alan,

I'm sorry, I really need to see what this looks like and I can't really do that unless your site is published or I can look in your Site Builder. I am not sure exactly what you are referring to because you say it looks OK in Preview, but when posted it shifts to the left. When you refer to "posted" I thought you were referring to when you Updated to your published site.

Here is what I did in a blog post. I added an image, then used the center alignment button on the Edit Toolbar:



Then I looked at the page and the image is centered in the post for me:



Can you tell me if these are the steps you are taking and give me a screen shot of what you are seeing. That would help.

Thanks,
Emmy
Photo of Alan

Alan

  • 55 Posts
  • 0 Reply Likes
Emmy

I did not do what you did when i initially inserted the image as i jused the spacebar to center the image . I did try what you suggested from the Blog Manager and the image is centered when previewed but when posted has shifted again .

I now have the site published as : 2012prophecyyloasite.com
Photo of Ed-a-Torials @ Honey Bear Playhomes

Ed-a-Torials @ Honey Bear Playhomes, Champion

  • 2582 Posts
  • 279 Reply Likes
Hi Alan http://2012prophecy.yolasite.com/

In your site builder:

1) Click just to the left of the image of the skull (you will see the blinking line next to the image) and hit delete until you reach the period after the last letter in the word (movie)

2) Click "Enter" once or twice for space between the text and image.

3) Highlight all the text about the crystal skulls and then select/click the left justification button

4) Highlight the image of the skull and then select/click the center justification button.

This will I am sure give you the look you are trying for...

Happy site building
Ed

You can find me with my head in the honey pot here..

You can find many of my threads here... Just look for the light bulbs
Photo of Alan

Alan

  • 55 Posts
  • 0 Reply Likes
Thanks Ed as i think that did the trick . :-)
Photo of Ed-a-Torials @ Honey Bear Playhomes

Ed-a-Torials @ Honey Bear Playhomes, Champion

  • 2582 Posts
  • 279 Reply Likes
Hi Alan

I noticed that you are nearer to your goal but I still see the image shift in addition to a new one about the period being where it is not meant to be.

Photo of Alan

Alan

  • 55 Posts
  • 0 Reply Likes
Tried again so hopefully this solves it . Shows fine in both preview and actual post to me .
Photo of Ed-a-Torials @ Honey Bear Playhomes

Ed-a-Torials @ Honey Bear Playhomes, Champion

  • 2582 Posts
  • 279 Reply Likes
Sorry Chief

I am still seeing it not quite right. You can see from the image that there is quite a lot of extra spaces and periods.



Can you try once more?

1) Click once to the left of the image (A) and hit delete as many times as it takes to make it touch the period (B) (The image will jump to the line above)

2) Then hit "Enter twice

3) Click to the right of the 3 periods (C) and hit delete as many times as it takes to reach the right side of the image but be very careful that you do not delete the image by going too far and hitting "Delete" too many times.

4) Click once on the skull image and click the "Center" justification button.

This will remove all the unnecessary spaces and periods. (C,D,E and F)
Photo of Ed-a-Torials @ Honey Bear Playhomes

Ed-a-Torials @ Honey Bear Playhomes, Champion

  • 2582 Posts
  • 279 Reply Likes
Alternatively, you can simply delete the image in the text widget and drag an image widget below the text box and select the skull image from your file manager as the image widget automatically centers the image below the text.