Centering pictures

• 

  prommafia · Member · Jun 21, 2009 at 7:35 pm

  • Copy link
  • Add topic to favorites

  I can’t figure out how to center my images on my site PromMafia.com. It is only an issue when I add a caption to the images, but I add captions to most images. I have tried pressing the ‘center’ button, selecting center when uploading, and adding centering html to each image. I have a feeling it is an issue with the CSS. I’m a beginner though and have no idea how to find the problem. Here is the code from the style sheet. Can someone help?

  img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  }

  img.alignright {
  padding: 4px;
  margin: 0 0 2px 7px;
  display: inline;
  }

  img.alignleft {
  padding: 4px;
  margin: 0 7px 2px 0;
  display: inline;
  }

  .alignright {
  float: right;
  }

  .alignleft {
  float: left
  }

  .wp-caption {
  border:1px solid #ddd;
  text-align:center;
  background-color:#f3f3f3;
  padding-top:4px;
  margin:10px;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius:4px;
  -khtml-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  }

  .wp-caption img {
  padding: 0;
  border: 0 none;
  text-align:center;
  }

  .wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
  color:#009DA0;
  text-align:center;
  }

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

• 

  panaghiotisadam · Member · Jun 21, 2009 at 7:55 pm

  • Copy link

  You’re in the wrong forum. See the Sticky 8 Things to Know Before Posting.