iWeb Icon

Adding a shadow to text

Shadows give text an appearance of depth. In iWeb, you can create a variety of shadow effects.

To add text shadows:

  1. Select the text to which you want to add a shadow (by selecting a text box or dragging to select specific words), or click in a text box where you want to type new text.

  2. If the Graphic inspector isn’t open, click the Inspector button in the toolbar at the bottom of the iWeb window (or choose View > Show Inspector), and then click the Graphic button.

  3. Image of the Graphic Inspector button.
  4. Select the Shadow checkbox.

  5. Use these shadow controls to create the effect you want:

  6. Color: Changes the shadow’s color. Click the color well to choose a color.

    Angle: Changes the shadow’s angle. Drag the Angle wheel or enter a new value in the Angle field.

    Offset: Sets the shadow’s distance from the object. Enter a new value in the Offset field. A higher offset value makes text shadows appear longer and more separated from the text.

    Blur: Softens the shadow’s edge. Enter a new value in the Blur field. A higher blur value makes the shadow appear more diffuse.

    Opacity: Changes the shadow’s transparency. Enter a new value in the Opacity field. A high opacity value makes the shadow less transparent.

You can also add shadows to text using the controls in the Fonts window. Select the text you want to change, and then click the Fonts button in the toolbar at the bottom of the iWeb window. Click the Text Shadow button, and then modify opacity, angle, and so on using the controls.

Note:Text shadows you create in iWeb may look different in different browsers. When you publish your site, iWeb converts shadowed text to a graphic to ensure that the text looks identical on different computers and in different web browsers. (The graphic looks like text, but the text can’t be selected like regular text can.)


Related Topics

Changing the opacity of images, text, and other objects

Was this page helpful? Send feedback.