Adding spaces around images in WordPress

A short tutorial on how to add spaces around images placed into posts and pages.

Write post window

Start from the Dasboard. Create a new post/page or manage an existing post/page.

Click on image to show image editing icons

Clicking on the image will reveal two icons. The left “picture” icon will reveal two settings panels. The red (/) icon will delete the image from the editing area.

Edit image panel

Add appropriate information here. The image margin settings are in the Advanced Settings panel.

Advanced settings panel

More settings are found in the Advanced Settings panel. This panel has fields for setting horizontal and vertical margins around the image.

Image with 4 pixel margins

Enter values in the fields Horizontal space and Vertical space.

Tags: image margins, image settings, image spacing, WordPress

Register for the next Web Weavers Workshop

The next Web Weavers Workshop will be on Wednesday, October 22.

Our featured sensei will be Lorelle VanFossen.

More informaton and registration here.

Tags: Lorelle VanFossen, WordPress