3.1. Changing the size and position of a frame

When a frame is selected in Sophie, the frame halos appear, like this:

The frame's title bar - the green area above the frame - can be dragged around to move the frame on the page.

When the frame size and position halo is clicked to open the frame size and position HUD, the frame's position and width and height can be manually set. The frame size and position HUD looks like this:

Enter values in the fields to set the frame's position or size. You can also change a frame's size by dragging the edges.

The green + and - halo buttons (move forward and move backward) change the frame's z-order, which is where the frame exists relative to the other frames on the page. Moving a frame forward moves it in front of other frames; moving it backward moves it behind other frames.