Skip to main content
All CollectionsElement Editing
How to add a Gradient Layers
How to add a Gradient Layers
C
Written by Chris
Updated over 3 years ago

πŸ–Œ Make your design pop out with adding gradient layers to your pages elements.

πŸ‘‰ Click on the wanted element to open the Element Editor.

In this example we will edit the Layout Element which consist of Content and Image

πŸ“Œ It is important to note before we start editing that once you open Advanced Styling, categories for every aspect of the element will be offered. It depends on the element, what can be found in Advanced Styling but the constant is Wrapper, which is a container for elements. It wraps the element in full.

πŸ‘‰ Now, let’s head back to our chosen Element;

  1. Go to the Advanced Tab

  2. Pick a category that you want to add gradient colors to

  3. Once you choose the wanted part of the element, click on that category

  4. For the purpose of the tutorial let’s choose the Wrapper

  5. Go to Background

  6. Once in Background, you will see Layers

  7. Click on +Layers and choose Gradient

  8. Click on the Gradient once more to open the color picker

πŸš€ There are 3 options of coloring

  1. Solid Color- applies a single color uniformly within the whole of an object.

  2. Linear Gradient- you can choose 2 colors for your gradient effect. The color transitions from the starting hue to end in a straight line.

  3. Radial Gradient- The colors fan out from the starting point in a circular pattern.

Did this answer your question?