• Home
  • Customizing Button Background

Customizing Button Background

You can change the color or add a background image to your button.

Changing button background color:

1. Click on the button to open the Button panel.

2. Select Style.


3. From the Style panel, select Background.


4. Select the button state you want to customize: Normal or Hover.


5. Use the color picker to select the new desired color.

6. Check the Gradient box to set the background as a gradient. Click on the color boxes to select the color ranges to fill the page. The colors produced by a gradient changes continuously with position to produce a smooth color transition appearance.


Changes are auto-saved and will apply automatically. 


Changing button background image:

1.Click on Change to upload or select the new background image from the My Images library (which are images you have uploaded to the Editor) as well as the Website.com Stock Images and Background Images libraries. If you want to upload a new image, click the Upload icon within the My Images library.


2. Select the desired repeat options.


Changes are auto-saved and will apply automatically.