Adding and Modifying a Mouseover Effect on an Image with Website Builder
Print this Article
Last Updated:
September 21, 2017 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 HostingDude Account LOGIN.
- 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 with Website Builder.
- 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 HostingDude Account LOGIN.
- 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.
