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

SP Page Builder (Pro)

Updated Last: 18 March 2024

Color Picker

With SP Page Builder Color Picker, searching for that perfect color has never been easier. You can access the Color Picker from the inline editor of addons. 

Color

SP Page Builder 4.0

Use the color picker by clicking and dragging your cursor inside the picker area to pick your desired color.

You can also manually input the color hex code and it will automatically pick that color. SP Page Builder also has RGBA support in Color Picker. 

Linear Gradient

SP Page Builder 4.0

Linear gradients let you display smooth transitions between two or more specified colors. 

To create a linear gradient you must define at least two colors. You can also set a starting point, ending point, and a direction (or an angle) along with the gradient effect.

Radial Gradient

SP Page Builder 4.0

Radial Gradient also lets you display smooth transitions between two or more specified colors but is defined by its center. 

To create a radial gradient you must define at least two color stops. You can also set a starting point, ending point, and a direction (or an angle) along with the gradient effect.