Positioning an image

• 

  susanl9 · Member · Jul 27, 2014 at 1:55 am

  • Copy link
  • Add topic to favorites

  I added my own image in place of the theme’s image, but it came out left-justified. I want it centered. I checked the css code but all it says is the location reference and the dimensions. I don’t see “position” anywhere.

  Is there a way to center the image?
  Thanks.

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Jul 27, 2014 at 4:55 am

  • Copy link

  Hi there, add the following CSS which sets the alignment for the parent div of the header image to “center”.

  #site-image {
      text-align: center;
  }

• 

  susanl9 · Member · Jul 27, 2014 at 6:01 am

  • Copy link

  Thank you Happiness Engineer! It worked!
  But as I’m trying to learn more about CSS–why “TEXT” align??
  Susan

• 

  thesacredpath · Member · Jul 27, 2014 at 2:37 pm

  • Copy link

  Susan, You are welcome.

  How you end up centering something can sometimes depend on what the element is. If we had a div that we wanted to center, we would have typically done that by setting the left and right margins to “auto” which would have make the left and right margins the same. In this case, we wanted to center an image which was inside of a div and images respond to certain text styling declarations such as text align. It would not have responded to auto margin settings.

• 

  susanl9 · Member · Jul 30, 2014 at 10:35 pm

  • Copy link

  Thank you. I appreciate the info. Sorry it took so long to reply.
  As you can imagine, it is hard to learn CSS as a hobby!
  Susan