Post Image Appearance

This particular option can be found by logging into your site's admin area and going to:
"ProPhoto" > "Customize" > "Content" > "Text & Images"

Screen Shot 2014-01-06 at 9.54.51 PM

If you haven’t already done so, you’ll want to check out our Images and Galleries overview.

Adjust image spacing

In this options area, you can use the slider controls to tweak the amount of margin above and below each image inserted in your blog Posts and website Pages.  Be aware that this setting is only applied to images that are aligned center within posts/pages.  If your images are aligned left, right or none, you may see additional spacing (more on this below).

Image margins do not add to each other, but instead overlap, with the larger value applying. For example, the images above, are set to have 15px of space above and 15px of space below, but the actual space between the images totals 15px, not 30px. So if you want a specific amount of space between images, set the top margin to 0 and the bottom to your desired amount

Trouble removing gap?

Additional space between images can come from <div> or <p> (paragraph) tags surrounding your images or from using a different method for insertion.  Additionally, if your images are not aligned “center,” but have any other alignment setting (left, right, none), it will cause image spacing issues.

The reason for this is because left and right alignment must allow text to ‘wrap’ near the photo.  Each image with left or right alignment will have added margin to the side and below the photo so text does not come right along the photo edge.  And when an image is aligned “none,” WordPress treats the image differently and applies additional line height between each of the images.

Now, since WordPress remembers the last alignment used when you insert photos (so it can be used again the next time you insert photos) you’ll need to insert at least one photo in a post with ‘center’ alignment. After that, your spacing should return to normal.

To assure that only the ProPhoto space settings will apply, try deleting all the images and then re-inserting them.  See our guide for the recommended image workflow.

Image border and dropshadow

In this area, you can set a style, color, and width for border appearing around your photos.

Here's an example of post images with a double line border applied...

Here’s an example of post images with a double line border applied…

You can also enable dropshadows for your post images.  When enabled, you will see another option box appear below where you can edit the dropshadow appearance.  Those options are discussed in our post picture dropshadows tutorial.

This particular option can be found by logging into your site's admin area and going to:
"ProPhoto 4" > "Customize" > "Content" > "Text & Images"

Post Img Appearance

If you haven’t already done so, you’ll want to check out our Images and Galleries overview.

Adjust image spacing and borders

Use the slider controls to tweak the amount of margin above and below each image inserted in your blog Posts and website Pages.  Be aware that this setting is only applied to images that are aligned center within posts/pages.  If your images are aligned left, right or none, you may see additional spacing (more on this below).

Set a style, color, and width for border appearing around your photos, as well.

A nice blue frame border with a bit of space between

Image margins do not add to each other, but instead overlap, with the larger value applying. For example, the images above, are set to have 15px of space above and 15px of space below, but the actual space between the images totals 15px, not 30px. So if you want a specific amount of space between images, set the top margin to 0 and the bottom to your desired amount

Trouble removing gap?

Additional space between images can come from <div> or <p> (paragraph) tags surrounding your images or from using a different method for insertion.  Additionally, if your images are not aligned center,” but have any other alignment setting (left, right, none), it will cause image spacing issues.

The reason for this is because left and right alignment must allow text to ‘wrap’ near the photo.  Each image with left or right alignment will have added margin to the side and below the photo so text does not come right along the photo edge.  And when an image is aligned “none,” WordPress treats the image differently and applies additional line height between each of the images.

Now, since WordPress remembers the last alignment used when you insert photos (so it can be used again the next time you insert photos) you’ll need to insert at least one photo in a post with ‘center’ alignment. After that, your spacing should return to normal.

To assure that only the ProPhoto space settings will apply, try deleting all the images and then re-inserting them.  See our guide for the recommended image workflow.

This particular option can be found by logging into your site's admin area and going to:
"Appearance" > "P3 Customize" > "Content" > "Text & Images"

In this area you can add or remove a custom border around images that you insert into posts, as well as adjust the width and color of the border. You can also tweak the amount of margin above and below each of the images that are inserted.

A nice blue frame border with a bit of space between

If images with space above AND below are inserted immediately on top of eachother (like above), only the larger value applies. Image margins do not add to eachother, but instead overlap. For example with the images above, they are set to have 15px of space above and 15px of space below, but the actual space between the images totals 15px, not 30px.-/-

If you’ve searched the tutorials and can't find what you need, please contact us. We’re here to help. Contact Us