Center an image frame

Here’s some CSS code to easily center an image frame.

  1. Log into the WP Dashboard and click Appearance > Site Options > Custom CSS
  2. Copy the code below
  3. Paste code into the Custom CSS field and adjust as necessary
  4. Save All Changes in the Site Options Panel
  5. That’s it, you’re all set! 🙂

CSS Code: Karma theme

.modern_img_frame {margin: 0 auto;}

CSS Code: Sterling theme

.img-frame {margin: 0 auto;}

More info:

To center an individual image frame simply wrap the shortcode inside <center></center> tags.