Change the Color of Your Buttons

Change the Color of Your Buttons

You can change the background color of all of the buttons on your website, to create a cohesive color and theme throughout your site.


How to change button colors sitewide

1. Select Design at the top of the page.

2. Select the Sitewide tab on the righthand sidebar.

3. Select Styles and then Controls.

4. Notice the Buttons dropdown area, edit the background color of your buttons here

5. Select Save and Publish to make your changes live.

    • Related Articles

    • 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. How to change hyperlink colors 1. Select the Design tool in the gray navigation bar, and select the Sitewide tab in the right-hand sidebar ...
    • Change the Color of Social Icons

      The social icon settings will be located in the design pane area correlating to where the social icons are located on your page. In our example, the social icons are in the Footer area. 1. Navigate to the Design inline editor 2. Click in the area ...
    • Adjust the Container's Background Color/Opacity

      1. Select Design in the gray navigation bar. 2. Navigate to your desired page using your site's navigation 3. On the righthand side, select the "Page" tab 4. Select the block title that you're changing 5. From here, find the Container dropdown near ...
    • Apply a Gradient Color to Your Content Containers

      Adding a gradient color to your content containers can instantly make your website more visually appealing and dynamic. You can apply gradients to text boxes, behind images, or even simple lists. Steps to Apply a Gradient to Your Container Follow ...
    • Change the Font/Text Style of Your Navigation Menu

      You can change the font or text style of your Navigation menu items on your website's Design panel. Follow the steps below to change the appearance of your navigation menu. Click DESIGN at the top of your design.livebooks.com dashboard. Click the ...