Adding and Modifying a Mouseover Effect on an Image with Website Builder
Print this Article
Last Updated:
September 24, 2012 4:34 PM
With Website Builder you can add effects to images added to your Web page. When you apply a mouseover effect to an image, the image changes when a visitor moves their mouse over it. To add a mouseover effect, you select an image that displays by default, and one that displays when a mouse goes over it.
To Add or Modify a Mouseover Effect on an Image
- Log in to your Website Builder account.
- Click Design Your Pages.
- If necessary, from the Page menu, select the page you want to edit.
- Click the block that contains the image you want to edit. Blocks are outlined in blue.
- Select the image you want to edit.
- Go to the gear icon, and then click the Edit Image.
- Select Mouseover, and then select either Add Mouseover or Replace Image.
- From the Image Library, locate and select the image you want to use, and then click OK. For more information about using the Image Library, see Adding and Deleting Images.
- Select either Original or Mouseover, and then select any image editing option to make changes to the image.
- Click Save.
To Remove a Mouseover Effect from an Image
- Log in to your Website Builder account.
- Click Design Your Pages.
- If necessary, from the Page menu, select the page you want to edit.
- Click the block that contains the image you want to edit. Blocks are outlined in blue.
- Select the image you want to edit.
- Go to the gear icon, and then click the Edit Image.
- Select Mouseover, and then select Remove Mouseover.
- Click Done, and then click Save.