Color Library | SP Page Builder (Pro) - Documentation | JoomShaper

SP Page Builder (Pro)

Updated Last: 14 June 2024

Color Library

The Color Library lets you save your favorite colors and use them while selecting colors in any of your Color Settings. This saves you the hassle of inserting hex values for your favorite colors again and again.

How to Access the Color Library

SP Page Builder 5 Color Library

The Color Library option can be accessed from SP Page Builder’s Settings. From the side top bar go to Settings > Color Library. 

How to Add Colors to Your Library

SP Page Builder 5 Color Library

Once you have accessed the Color Library, click on ‘Add New Style.’ Insert a name for the group you want to create. 

Then click on the + sign that appears below the group name that you have just added. This will display the color picker that you can use to add your favorite colors. You can also adjust the color opacity from here. Remember to hit Save Changes when you are done.

SP Page Builder 5 Color Library

How to View and Use the Colors That You Saved in the Color Library

Your saved colors can be viewed from any color settings, both in the front end and the back end. 

In the backend editor, you can view your saved colors from any color settings. The saved colors will appear just below the color picker.

SP Page Builder 5 Color Library

Similarly in the frontend editor, the saved colors will appear in any color settings just below the color picker.

SP Page Builder 5 Color Library