HOW TO: Put space or a border around a photo in MODx
I will assume you have navigated to your page in the Quick Manager, then you are looking at the content field with your rich text editor (RTE) which is the row of buttons at the top that look sort of like Microsoft Word.
Click on the photo you wish to add a border or space to and click the Tree icon in the rich text editor, screen shot below (click it to enlarge it):
This will open an insert/edit image pop-up which should show a preview of the image you highlighted. If it does not, then go back and re-select the image you wish to add a border or margin to and then click the tree again. You are on the “General” tab for this pop-up when it opens, you need to click “Appearance” which is the tab next to General. Screenshot below:
Here you can align the image left or right, this will cause text to wrap around the image. Tip: Always place your images at the very beginning of a paragraph to ensure text wraps correctly. Then in the following screen shot you will see Vertical space and Horizontal space. Enter a number here, this sets the margin around your photo. Usually 5 or 10 is sufficient. To add a border, enter a number value into the “Border” field. These numbers are the value in pixels of the space or border that you wish to have presented. Screen shot below:
Click update and preview the image. and that is it!
Tip: Make sure you do not have text centered in the paragraph you are working in, centered text will cause your layout to be thrown off.





