Update a Fancy Button's Image

Prev Next

A Fancy Button has two images: Background (outer) and Background (inner). The process to update the image for either one is the same, except for one step, which will be noted in the following instructions.

Who can use this feature?

System Administrators | Owner

Instructions

  1. Navigate to Modules, then Content, and finally Graphic Links:The Modules drop-down menu, on the Content tab, with the Graphic Links option highlighted.

  2. Select the category that contains the Fancy Button you want to modify:The Graphic Links module with a published category highlighted for selection.

  3. Click to expand the Choose an Action menu and then Modify next to the desired Fancy Button:The Graphic Links module inside a category with the Actions menu expanded for a link, and the Modify option highlighted.

  4. Click the Fancy Button image to start editing:The Modify Link screen with the image for a Fancy Button highlighted for selection.

  5. In the Fancy Button Options drop-down menu, select either the Background (outer) or Background (inner) option:The Fancy Button Builder pop-up window with the Fancy Button Options menu expanded and highlighted.

  6. Expand the Background Image section:The Fancy Button Builder with the Background (outer) options chosen, and the Background Image section displayed.

  7. Click Choose Image... to select a new image:The Fancy Button Builder on the Background (outer) options, with the Background Image section shown and the Choose Image button highlighted.

    Note:

    If you have an existing background image and want to change it, click Modify:The Background Image section of the Fancy Button Builder with an image already uploaded and the Modify button highlighted.

  8. Locate an image and Insert it The Content Images pop-up window with the Insert button for an image highlighted.

  9. Configure its PositionThe Fancy Button Builder screen in the Background Image section with the positioning options for an image highlighted.

    • Position X: Move the image left or right

      • Left/Center/Right: Move it to the left/center/right

      • px: Move it via pixel dimensions

    • Position Y: Move the image up or down

      • Top/Center/Bottom: Move it to the top/center/bottom

      • px: Move it via pixel dimensions

    • Repeat: Choose to repeat the image Vertically, Horizontally, or Both

  10. Click Insert Fancy ButtonThe Fancy Button Builder screen with the Insert Fancy Button button highlighted.

  11. Click Save or Save and PublishThe Graphic Links module in the Modify Link screen, with the Save and Save and Publish buttons highlighted.

    • Save: Saves as a draft

    • Save and Publish: Saves changes and publishes to live view