Change the Color of Social Icons

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 where your social icons are located (our's is Footer)

3. Find the area named Social Icons within the editing pane. Click a colored box named Symbol or Shape and choose your new colors. All other attributes of the social icons can be changed in this section as well.

4. Click Save

5. Click Publish

    • Related Articles

    • Make Social Icons Open in a New Window

      Here is how to make sure your social icons in your footer open to a new tab or window: 1. Select the Design tool in the gray navigation bar. 2. Click on Footer in the Design panel on the right. 3. Scroll down to the Social Icons options, and tick the ...

    • 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 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 ...

    • Change the Background of Your Mobile Navigation Menu

      The background of your expandable navigation menu on mobile devices can be changed to the color of your choice. How to Change the Mobile Navigation Background 1. Select the Design tool in the gray navigation bar. 2. Select Navigation under Sitewide ...

    • Change an Image on Your Website

      Within your liveBooks dashboard, you can swap out images on the fly. You can change images in both the Content and Design sections of the platform. From the Design view From your main dashboard view, click the design view. Select the page you wish to ...