Gradient colors

Gradients blend multiple colors together to make cool and interesting elements. You can apply gradients to different backgrounds and objects within PageCloud. 

Apply a gradient to a rectangle or circle shape

1. Add a rectangle or circle shape to your page. 
2. Head to the Style tab in the Editing Menu.
3. Select Gradient, then toggle Gradient on. 
4. Adjust the colors of your gradient to get the exact look you are after. 
5. Click "Save" to save the changes.

Apply Section background gradient 

1. Click "Section" in the top left corner of the Section's column to open up the Editing Menu.
2. Select the "Section" tab in the Editing Menu.
3. Under the Section tab, select Section background.
4. Select Gradient, then adjust the colors to fit your style. 
5. Click "Save" to save the changes.

Apply Column background gradient 

1. Click "Column" in the top right corner of the Column's to open up the Editing Menu.
2. Select the "Column" tab in the Editing Menu.
3. Under the Column tab, select Column background.
4. Select Gradient, then adjust the colors to fit your style. 
5. Click "Save" to save the changes.

Gradient controls

Gradients offer a number of controls to fine tune your style. 

Gradient slider

The gradient slider allows you to adjust where the gradient blend begins on the object or background. Drag the blue vertical lines to reduce or increase the point at which the gradient begins. 

Preset angle

Gradients begin with a Left to Right default. In the preset dropdown you can choose between Top/Down, Bottom/Up, Left/Right, or Right/Left presets for the gradient.

Custom angle 

You can use the slider or numeric input to adjust the specific angle the gradient appears on. 

Add color 

You can add a number of different colors to a gradient to get a very specific look. 

Distribute equally 

By default all colors in the gradient are distributed equally. If you have adjusted the gradient slider to have more of one color, you can easily revert to distribute all colors evenly. 

Reverse

Reverse takes the current preset or custom angle and completely reverses it in one easy step. 

Colors in gradients 

All colors currently within the gradient appear in the color list. Colors can be customized by clicking on them to adjust their specific values. You can also paste in custom color codes. 

Remove color from gradient

You can remove a color from the gradient by clicking the x to the left of the color you would like to remove.