Change the Color of Your Buttons

Change the Color of Your Buttons

The color of your button is set in the Sitewide settings, meaning that all of the buttons on your website will be applied to the same rules unless specified through custom coding.

To set your Button color:

1. Select the Design tool in the gray navigation bar and click the Sitewide tab on the right-hand sidebar, then select Styles.

Screen_Shot_2018-10-01_at_9.18.54_AM.png

2. Select the Controls option under Styles.

Screen_Shot_2018-10-01_at_9.20.14_AM.png

3. Click into the Buttons drop-down menu, and edit the background color of your buttons by clicking on the colored box and selecting your new color.

Screen_Shot_2018-10-01_at_9.20.57_AM.png

4. Select Save and Publish to take your changes live!

    • Related Articles

    • Change the Font of a Button

      Follow these steps to change your site's button font choice: 1. Select the Design tool in the gray navigation bar. 2. Be sure you are in the Sitewide tab on the right-hand sidebar, and then click Styles, and then Controls. 3. Under the Buttons menu, ...

    • Change the Color of Your Links

      You can change the color of your hyperlinks globally so that all links on your website apply to the same rules. To change the color of your links: 1. Select the Design tool in the gray navigation bar, and select the Sitewide tab in the right-hand ...

    • Change the Color of your Social Icons

      The social icon settings will be located in the design panel area correlating to where the social icons are located on your website’s page. In our example, the social icons are in the Footer. 1. Navigate to the Design panel, and click where the ...

    • Change the Background of a Content Block

      Give your background a splash of color by following these steps to modify the transparency and shades of your background: 1. Select Design in the navigation bar, and locate the page you’d like to change the background color for. On the right-hand ...

    • Apply a Gradient Color to Your Content Containers

      Changing the background color of your content blocks just got a lot more interesting. Now, with a simple click of your button, create a gradient color on your text boxs, behind images, or even behind your simple lists. To apply a gradient to your ...