Skip to main content
All CollectionsCalendar: (2) DesignTile colors
Design: Tile colors - Scroll arrows - Right and left gradient colors
Design: Tile colors - Scroll arrows - Right and left gradient colors

Change the gradient colors on the left and right ends of your Tile view.

Piotr Poźniak avatar
Written by Piotr Poźniak
Updated over 11 months ago

This article talks about the following two design items:

General overview

The image above shows the gradient at the left and right edges of the Tiles view (see yellow rectangles in image above).

Where to find these design elements

Once you are editing your Tiles view calendar...

  1. Click on the Design tab.

  2. Open the Tile colors section.

  3. Scroll down to the Scroll arrows sub-section. They are at the end of this sub-section.

How to edit these design items

Each of the values in this description line can be edited:

linear-gradient(90deg, rgba(255, 255, 255, 0) 10%, #ffffff 90%)

For example: If we change the Right edge gradient description to

linear-gradient(90deg, rgba(255, 0, 0, 0) 10%, #e10de0 90%),

we would end up with:

If we further change the Right edge gradient description to

linear-gradient(90deg, rgba(255, 0, 0, 0) 10%, #e10de0 50%),

we would end up with:

Did this answer your question?